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

/** Status counts are subsets of these filtered inventory rows, never extra stock. */
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);
  if (abnormal === 0 && pending === 0) return null;
  return <span className="inline-flex flex-wrap gap-x-3 gap-y-1 text-[11px] font-normal" data-testid="inventory-status-counts">
    {abnormal > 0 && <span className="text-amber-700">其中异动 <strong>{abnormal}</strong> 台</span>}
    {pending > 0 && <span className="text-blue-700">其中待交车 <strong>{pending}</strong> 台</span>}
  </span>;
}