import { Suspense } from "react";
import { PageHeader } from "@/components/shared/PageHeader";
import { AdminSurveysTable } from "@/components/features/admin/AdminSurveysTable";
import { getAdminSurveys } from "@/lib/queries/admin-queries";

interface SurveysPageProps {
  searchParams: Record<string, string | string[] | undefined>;
}

export default async function AdminSurveysPage({
  searchParams,
}: SurveysPageProps) {
  const status = String(searchParams.status ?? "all");
  const search = String(searchParams.search ?? "");

  const surveys = await getAdminSurveys({
    status: status === "all" ? undefined : status,
    search: search || undefined,
  });

  return (
    <>
      <PageHeader
        title="Global Surveys"
        subtitle="All surveys across the platform"
      />
      <div className="flex-1 overflow-y-auto p-4 sm:p-[26px]">
        <Suspense fallback={null}>
          <AdminSurveysTable surveys={surveys} />
        </Suspense>
      </div>
    </>
  );
}