Class Map Example

import clsx from "clsx";

const classes = {
	sm: "text-sm px-2 py-1",
	md: "text-base px-4 py-2",
	lg: "text-lg px-6 py-3",
};

interface ButtonProps {
	variant: keyof typeof classes;
	className?: string;
}

const Button = ({ variant, className }: ButtonProps) => {
	return <button className={clsx(classes[variant], className)}>Button</button>;
};