Badge

<Badge variant="gold">Chef's pick</Badge>

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

type BadgeVariant = 'gold' | 'dark' | 'amber' | 'warm' | 'ember'

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

const VARIANT_CLASSES: Record<BadgeVariant, string> = {
  gold:  'feast-badge--gold',
  dark:  'feast-badge--dark',
  amber: 'feast-badge--amber',
  warm:  'feast-badge--warm',
  ember: 'feast-badge--ember',
}

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