Pass variant value to child component

[javapyscript]

Apologies if this has been answered elsewhere, but is there a typesafe way to pass variant information to child components?

I am trying to create a Button component using the useRestyle hook. I have this code:

const Button = ({
  onPress,
  label,
  buttonType,
  variant,
  ...rest
}: Props) => {
  const props = useRestyle(restyleFunctions, {variant, ...rest});

I extracted out the variant, but passed it back to useRestyle as it expects the variant prop in the second parameter. I lose type safety though when I do so.

Eg: Button variant is 'primary' | 'secondary'. restyleFunctions shows the error:
The types of 'propertiesMap.variant' are incompatible between these types.
Type 'boolean | undefined' is not assignable to type 'boolean'.
Type 'undefined' is not assignable to type 'boolean'.ts(2345)

Thank you.

[javapyscript]

I used this to solve my issue.

const {variant = 'primary'} = rest;
const props = useRestyle(restyleFunctions, rest)