const variantStyles: Record<string, string> = {
  auto: 'bg-blue-500/15 text-blue-400 border-blue-500/20',
  manual: 'bg-sky-500/15 text-sky-400 border-sky-500/20',
  default: 'bg-white/[0.06] text-gray-400 border-white/[0.08]',
};

interface BadgeProps {
  label: string;
  variant?: 'auto' | 'manual' | 'default';
}

export function Badge({ label, variant = 'default' }: BadgeProps) {
  return (
    <span className={`inline-block rounded-full border px-2.5 py-0.5 text-xs font-medium backdrop-blur-sm ${variantStyles[variant]}`}>
      {label}
    </span>
  );
}
