// src/components/content/overview/content-overview-kpis.tsx
import { StatCard } from "@/components/keywords/overview/stat-card";
import type { ContentOverview } from "@/lib/content/overview";

export function ContentOverviewKpis({ ov }: { ov: ContentOverview }) {
  return (
    <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-5">
      <StatCard label="Articles" value={ov.total.toLocaleString("fr-FR")} />
      <StatCard label="Publiés" value={ov.published.toLocaleString("fr-FR")} />
      <StatCard
        label="En cours"
        value={ov.inProgress.toLocaleString("fr-FR")}
        sub="rédaction + relecture"
      />
      <StatCard label="En retard" value={ov.overdue.toLocaleString("fr-FR")} />
      <StatCard
        label="Avec brief"
        value={ov.withBrief.toLocaleString("fr-FR")}
      />
    </div>
  );
}