export const buttonVariants = {
	defaults: {
		// We can define defaults for the variant here.
	},
	noMargin: {
		margin: {
			phone: undefined,
			tablet: undefined,
		},
	},
	full: {
		backgroundColor: "secondary",
		color: "white",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
	danger: {
		backgroundColor: "softRed",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
	fullError: {
		backgroundColor: "softRed",
		color: "white",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
	fullInformation: {
		backgroundColor: "softYellow",
		color: "white",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
	clean: {
		backgroundColor: "primary",
		color: "secondary",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
	lightGray: {
		backgroundColor: "lightGray",
		color: "black",
		height: 50,
		borderRadius: 10,
		margin: {
			phone: "s",
			tablet: "m",
		},
	},
};
