interface UnitTypeBadgeProps {
  type: string;
  count: number;
}

function UnitTypeBadge({ type, count }: UnitTypeBadgeProps) {
  if (count === 0) return null;
  return (
    <div className="flex items-center 2xl:gap-[0.556vw] gap-1">
      <div className="2xl:size-[1.389vw] size-4 bg-[#A19E9E] rounded-full flex items-center justify-center">
        <p className="text-caption-m text-white font-mono">{count}</p>
      </div>
      <p className="text-caption-m opacity-70 text-nowrap">{type}</p>
    </div>
  );
}

export default UnitTypeBadge;
