'use client';

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

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

  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-2xl font-bold text-foreground">Reports</h1>
        <p className="text-muted-foreground">
          Generate and download port reports as PDF documents
        </p>
      </div>

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