import { ClassValue } from 'clsx' import { cn } from '@/lib/utils' export default function Badge({ className, text,}: { className?: ClassValue text: string}) { return ( <div className={cn( 'w-min rounded-base border-2 text-text border-border dark:border-darkBorder bg-main px-3 py-1.5 text-sm font-base', className, )} > {text} </div> )}
import Badge from '@/components/Badge'
<Badge text="Badge" />
xd