"use client";

import { CampaignAnalytics } from "@/components/analytics/CampaignAnalytics";
import { ErrorBoundary, AnalyticsErrorFallback } from "@/components/ErrorBoundary";

export default function AnalyticsPage() {
  return (
    <div className="space-y-6">
      <div className="border-b border-gray-100 -mx-4 md:-mx-6 -mt-4 md:-mt-6 px-4 sm:px-8 py-4 sm:py-5 mb-4 sm:mb-6">
        <h1 className="text-2xl font-semibold text-gray-900">Analytics</h1>
        <p className="text-sm text-gray-500">Track performance across campaigns and content tracks</p>
      </div>

      <ErrorBoundary fallback={AnalyticsErrorFallback}>
        <CampaignAnalytics />
      </ErrorBoundary>
    </div>
  );
}