type BadgeVariant = "default" | "success" | "warning" | "error"

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

const variantClasses: Record<BadgeVariant, string> = {
  default: "bg-white/10 text-white",
  success: "bg-emerald-400/10 text-emerald-400",
  warning: "bg-gold/10 text-gold",
  error: "bg-red-400/10 text-red-400",
}

export function Badge({ children, variant = "default", className = "" }: BadgeProps) {
  return (
    <span
      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]} ${className}`}
    >
      {children}
    </span>
  )
}