import type { WalkthroughSummaryWorkflow } from '@/components/walkthrough-summary/types';
import { WalkthroughAutoSummary } from '@/components/walkthrough-summary/WalkthroughAutoSummary';
import { WalkthroughCategoryBreakdown } from '@/components/walkthrough-summary/WalkthroughCategoryBreakdown';
import { WalkthroughOverviewCards } from '@/components/walkthrough-summary/WalkthroughOverviewCards';
import { WalkthroughRecentTable } from '@/components/walkthrough-summary/WalkthroughRecentTable';
import { WalkthroughSummaryFilters } from '@/components/walkthrough-summary/WalkthroughSummaryFilters';
import { WalkthroughTeacherFrequency } from '@/components/walkthrough-summary/WalkthroughTeacherFrequency';
import { WalkthroughTrendChart } from '@/components/walkthrough-summary/WalkthroughTrendChart';

interface WalkthroughSummaryMainViewProps {
  readonly summary: WalkthroughSummaryWorkflow;
}

export function WalkthroughSummaryMainView({ summary }: WalkthroughSummaryMainViewProps) {
  return (
    <div className="space-y-6">
      <WalkthroughSummaryFilters summary={summary} />
      <WalkthroughOverviewCards summary={summary} />
      <WalkthroughCategoryBreakdown summary={summary} />
      <WalkthroughTrendChart
        trendData={summary.trendData}
        title={`Performance Trend - Last ${summary.timeRange} Days`}
        gradientId="walkthroughTrendGrad"
      />
      <WalkthroughTeacherFrequency summary={summary} />
      <WalkthroughRecentTable summary={summary} />
      <WalkthroughAutoSummary summary={summary} />
    </div>
  );
}
