import { cn } from "@/lib/utils";
import { FUNNEL_STATUS_CONFIG, type FunnelStatus } from "@/lib/admin/utils";

interface StatusBadgeProps {
  status: FunnelStatus;
  className?: string;
}

export function StatusBadge({ status, className }: StatusBadgeProps) {
  const config = FUNNEL_STATUS_CONFIG[status];
  
  return (
    <span 
      className={cn(
        'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border',
        config.className,
        className
      )}
    >
      {config.label}
    </span>
  );
}
