Type '{ appearance: "blue"; icon: "16-bolt"; }' is not assignable to type '(Partial<{ appearance: "blue" | "green" | "grey" | "red" | "orange" | "raspberry" | "magenta" | "purple" | "grape" | "violet" | "cyan" | "teal" | "aquamarine" | "emerald"; intent?: undefined; ... 17 more ...; my?: SystemProp<...> | undefined; }> & { ...; }) | (Partial<...> & { ...; }) | (Partial<...> & { ...; }) | (...'.

Type '{ intent: "informative"; label: string; beforeIcon: "16-bolt"; afterIcon: "16-bolt"; }' is not assignable to type '(Partial<{ appearance: "blue" | "green" | "grey" | "red" | "orange" | "raspberry" | "magenta" | "purple" | "grape" | "violet" | "cyan" | "teal" | "aquamarine" | "emerald"; intent?: undefined; ... 17 more ...; my?: SystemProp<...> | undefined; }> & { ...; }) | (Partial<...> & { ...; }) | (Partial<...> & { ...; }) | (...'.

Type '{ appearance: "blue" | "green" | "grey" | "red" | "orange" | "raspberry" | "magenta" | "purple" | "grape" | "violet" | "cyan" | "teal" | "aquamarine" | "emerald"; icon: "16-bolt"; key: "blue" | ... 12 more ... | "emerald"; }' is not assignable to type 'IntrinsicAttributes & (BadgeProps & MarginProps<Theme> & MarginLeftProps<Theme> & MarginBottomProps<Theme> & MarginTopProps<...> & MarginRightProps<...> & MarginXProps<...> & MarginYProps<...>)'.

Type '{ intent: "neutral" | "informative" | "positive" | "warning" | "negative"; icon: "16-bolt"; key: "neutral" | "informative" | "positive" | "warning" | "negative"; }' is not assignable to type 'IntrinsicAttributes & (BadgeProps & MarginProps<Theme> & MarginLeftProps<Theme> & MarginBottomProps<Theme> & MarginTopProps<...> & MarginRightProps<...> & MarginXProps<...> & MarginYProps<...>)'.