'use client';

import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
import { GenerateReportForm } from '@/components/reports/generate-report-form';
import { ReportsList } from '@/components/reports/reports-list';
import { PageHeader } from '@/components/shared/page-header';

export function ReportsPageClient() {
  useRealtimeInvalidation({
    'report:queued': [['reports']],
    'report:ready': [['reports']],
    'report:failed': [['reports']],
  });

  return (
    <div className="space-y-6">
      <PageHeader
        title="Reports"
        description="Generate and download port reports as PDF documents"
      />

      <GenerateReportForm />
      <ReportsList />
    </div>
  );
}
