Function Tag

apps/baseai.dev/src/components/Tag.tsx:38–58

({
	children,
	variant = 'medium',
	color = valueColorMap[children] ?? 'indigo'
}: {
	children: keyof typeof valueColorMap & (string | {});
	variant?: keyof typeof variantStyles;
	color?: keyof typeof colorStyles;
})

} as Record<string, keyof typeof colorStyles>;

export function Tag({
	children,
	variant = 'medium',
	color = valueColorMap[children] ?? 'indigo'
}: {
	children: keyof typeof valueColorMap & (string | {});
	variant?: keyof typeof variantStyles;
	color?: keyof typeof colorStyles;
}) {
	return (
		<span
			className={clsx(
				'rounded-md bg-background px-2 font-mono text-[0.625rem] font-semibold leading-6',
				variantStyles[variant],
				colorStyles[color][variant]
			)}
		>
			{children}
		</span>
	);
}