/* Secondary KPI strip — 6 compact operating metrics
   Shown below the main 4-card row on the dashboard. Smaller text,
   borderless dividers, single line of stat. */

function SecondaryKpiStrip() {
  if (!CB.kpisSecondary || CB.kpisSecondary.length === 0) return null;
  return (
    <section className="cb-kpi2-strip">
      {CB.kpisSecondary.map((k, i) => (
        <article key={k.id} className="cb-kpi2">
          <div className="cb-kpi2-label">{k.label}</div>
          <div className="cb-kpi2-row">
            <div className="cb-kpi2-value">{k.value}</div>
            <span className="cb-kpi2-delta" data-dir={k.deltaDir}>
              {k.deltaDir === 'up' ? <IconArrowUR size={11} /> : <IconArrowDR size={11} />}
              {k.delta}
            </span>
          </div>
          <div className="cb-kpi2-hint">{k.hint}</div>
        </article>
      ))}
    </section>
  );
}

Object.assign(window, { SecondaryKpiStrip });