Badge

<Badge variant="accent">Fragile</Badge>

import { cn } from '@/lib/utils'

type Variant = 'accent' | 'ink' | 'kraft' | 'stamp' | 'faded'

interface BadgeProps {
  variant?:   Variant
  className?: string
  children:   React.ReactNode
}

export function Badge({ variant = 'accent', className, children }: BadgeProps): React.JSX.Element {
  return (
    <span className={cn('badge', `badge--${variant}`, className)}>
      {children}
    </span>
  )
}