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

interface UnreadBadgeProps {
  count: number;
  className?: string;
}

export function UnreadBadge({ count, className }: UnreadBadgeProps) {
  if (count <= 0) return null;

  return (
    <span
      className={cn(
        'flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full',
        'bg-red-500 text-white text-[10px] font-bold leading-none',
        className
      )}
    >
      {count > 99 ? '99+' : count}
    </span>
  );
}