interface NavBadgePillProps {
  count: number;
  ariaLabel: string;
}

export function NavBadgePill({ count, ariaLabel }: NavBadgePillProps) {
  if (count <= 0) return null;

  return (
    <span
      className="min-w-[1.25rem] rounded-full bg-badge-warning-bg px-1.5 py-0.5 text-center text-xs font-medium tabular-nums text-badge-warning-fg border border-badge-warning-border"
      aria-label={ariaLabel}
    >
      {count > 99 ? '99+' : count}
    </span>
  );
}
