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

interface TagBadgeProps {
  name: string;
  color: string;
  className?: string;
}

export function TagBadge({ name, color, className }: TagBadgeProps) {
  return (
    <span
      className={cn(
        'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium',
        'bg-muted text-foreground',
        className,
      )}
    >
      <span className="h-2 w-2 rounded-full shrink-0" style={{ backgroundColor: color }} />
      {name}
    </span>
  );
}
