19 lines
548 B
TypeScript
19 lines
548 B
TypeScript
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;
|