import { createVariant } from "@shopify/restyle";
import type { Theme } from "@themes/Theme";

export const cardVariants = createVariant<Theme, "cardVariants">({
	themeKey: "cardVariants",
	defaults: {
		margin: {
			phone: "s",
			tablet: "m",
		},
		backgroundColor: "white",
	},
});

export const buttonVariants = createVariant<Theme, "buttonVariants">({
	themeKey: "buttonVariants",
	defaults: {
		backgroundColor: "primary",
		color: "secondary",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
});