import Stat from '../ui/Stat'
import { kpiTiles } from '../../lib/workersView'

// Sechs Kennzahlen des Hustler-Dienstes (state.kpis). Fehlende Daten ergeben Striche, nie NaN (kpiTiles).
export default function WorkersKpis({ kpis }) {
  return (
    <div className="stats wk-kpis">
      {kpiTiles(kpis).map((tile) => (
        <Stat key={tile.key} label={tile.label} value={tile.value} sub={tile.sub} tone={tile.tone} />
      ))}
    </div>
  )
}