diff options
Diffstat (limited to 'frontend/components/prism/KPIStrip.tsx')
| -rw-r--r-- | frontend/components/prism/KPIStrip.tsx | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/frontend/components/prism/KPIStrip.tsx b/frontend/components/prism/KPIStrip.tsx new file mode 100644 index 0000000..b3cd34c --- /dev/null +++ b/frontend/components/prism/KPIStrip.tsx @@ -0,0 +1,16 @@ +import type { KpiItem } from "@/lib/overview"; + +export function KPIStrip({ items }: { items: KpiItem[] }) { + return ( + <section className="psm-card psm-kpis" aria-label="Key metrics"> + {items.map((item) => ( + <div className="psm-kpi" key={item.key}> + <span className="psm-kpi-key">{item.key}</span> + <span className={`psm-kpi-value${item.missing ? " missing" : ""}`}>{item.value}</span> + <span className="psm-kpi-sub">{item.sublabel}</span> + </div> + ))} + </section> + ); +} + |
