Badge

<Badge variant="burgundy">Seasonal</Badge>

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

type BadgeVariant = 'burgundy' | 'gold' | 'sage' | 'ink' | 'ivory'

const variantClass: Record<BadgeVariant, string> = {
  burgundy: 'badge--burgundy',
  gold: 'badge--gold',
  sage: 'badge--sage',
  ink: 'badge--ink',
  ivory: 'badge--ivory',
}

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

export function Badge({ variant = 'burgundy', children, className }: BadgeProps): React.JSX.Element {
  return (
    <span className={cn('badge', variantClass[variant], className)}>
      {children}
    </span>
  )
}