import { type BoxProps, type VariantProps, createRestyleComponent } from "@shopify/restyle";
import type { Theme } from "@themes/Theme";
import { buttonVariants } from "@themes/Variants";
import Box from "./Box";

const ButtonBase = createRestyleComponent<
	VariantProps<Theme, "buttonVariants"> &
		BoxProps<Theme> & {
			children: React.ReactNode;
		},
	Theme
>([buttonVariants], Box);

export default ButtonBase;
