import type { Theme } from "@/themes/Theme";
import Box from "@re-box";
import { type VariantProps, createRestyleComponent, createVariant } from "@shopify/restyle";

const Card = createRestyleComponent<
	VariantProps<Theme, "cardVariants"> & React.ComponentProps<typeof Box>,
	Theme
>(
	[
		createVariant({
			themeKey: "cardVariants",
			defaults: {
				margin: {
					phone: "s",
					tablet: "m",
				},
				backgroundColor: "red",
			},
		}),
	],
	Box,
);
export default Card;
