import type { RegionalInventoryStats } from '../../types';

/** Counts are subsets of inventory and use the same filtered rows as the total. */
export function InventoryStatusCounts({ rows }: { rows: RegionalInventoryStats[] }) {
  const abnormal = rows.reduce((sum, row) => sum + (row.abnormal ?? 0), 0);
  const pending = rows.reduce((sum, row) => sum + (row.pending ?? 0), 0);
  return <span className="inline-flex flex-wrap gap-x-3 gap-y-1 text-[11px] font-normal" data-testid="inventory-status-counts">
    <span className="text-amber-700">其中异动 <strong>{abnormal}</strong> 台</span>
    <span className="text-blue-700">其中待交车 <strong>{pending}</strong> 台</span>
  </span>;
}