// src/components/backlink/overview/overview-view.tsx
import type { BacklinkOverview } from "@/lib/backlink/overview";
import { ActionsCard } from "./actions-card";
import { ActivityCard } from "./activity-card";
import { CampaignCard } from "./campaign-card";
import { OpportunitiesCard } from "./opportunities-card";
import { OverviewKpis } from "./overview-kpis";
import { PoolCard } from "./pool-card";
import { RisksCard } from "./risks-card";

export function BacklinkOverviewView({ ov }: { ov: BacklinkOverview }) {
  return (
    <div className="space-y-4 p-4">
      <OverviewKpis ov={ov} />
      <div className="grid gap-4 lg:grid-cols-3">
        <ActionsCard ov={ov} />
        <RisksCard ov={ov} />
        <CampaignCard ov={ov} />
      </div>
      <div className="grid gap-4 lg:grid-cols-3">
        <PoolCard ov={ov} />
        <OpportunitiesCard ov={ov} />
        <ActivityCard ov={ov} />
      </div>
    </div>
  );
}