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

export function OverviewKpis({ ov }: { ov: BacklinkOverview }) {
  return (
    <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
      <StatCard label="Sources (réservoir)" value={ov.pool.sources} />
      <StatCard label="Liens live" value={ov.campaign.counters.live} />
      <StatCard label="Prospects" value={ov.campaign.counters.prospect} />
      <StatCard
        label="Cadence"
        value={ov.campaign.cadence.thisMonth}
        sub={`ce mois · ${ov.campaign.cadence.lastMonth} le mois dernier`}
      />
    </div>
  );
}