import { notFound } from "next/navigation";
import { PageRenderer } from "@/sections/PageRenderer";
import { getSeedLayoutDefault, listSeedLayouts } from "@/lib/wp/seed";

interface PreviewPageProps {
  params: Promise<{ layout: string }>;
}

export async function generateStaticParams() {
  const layouts = await listSeedLayouts();
  return layouts.map((layout) => ({ layout }));
}

export default async function PreviewPage({ params }: PreviewPageProps) {
  const { layout } = await params;
  const data = await getSeedLayoutDefault(layout);
  if (data === null || data === undefined) {
    notFound();
  }
  return (
    <main>
      <PageRenderer sections={[{ layout, data }]} />
    </main>
  );
}