"use client";

// ============================================================================
// Creatives Analytics Page
// ============================================================================

import { DashboardHeader } from "@/components/layout/dashboard-header";
import { useParams } from "next/navigation";
import { Card, CardContent } from "@/components/ui/card";

export default function CreativesAnalyticsPage() {
  const params = useParams();
  const workspaceId = params?.workspaceId as string;

  return (
    <>
      <DashboardHeader
        breadcrumbs={[
          { label: "Главная", href: `/dashboard/${workspaceId}` },
          { label: "Аналитика", href: `/dashboard/${workspaceId}/analytics` },
          { label: "По креативам" },
        ]}
      />

      <div className="flex flex-1 flex-col gap-4 p-4 pt-0 mt-4">
        <div>
          <h1 className="text-2xl font-bold tracking-tight">
            Аналитика по креативам
          </h1>
          <p className="text-muted-foreground">
            Раздел в разработке
          </p>
        </div>

        <Card>
          <CardContent className="flex items-center justify-center py-16">
            <p className="text-muted-foreground">
              Раздел будет реализован позже
            </p>
          </CardContent>
        </Card>
      </div>
    </>
  );
}
