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

export const cardVariants = createVariant<Theme, "cardVariants">({
	themeKey: "cardVariants",
});

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

export const textVariants = createVariant<Theme, "textVariants">({
	themeKey: "textVariants",
	defaults: {
		fontSize: 16,
		fontWeight: "normal",
		color: "gray",
	},
});
