import { requireStaff } from "@/lib/auth";
import { previewSections } from "@/lib/homepage";
import Header from "@/components/store/Header";
import Footer from "@/components/store/Footer";
import Sections from "@/components/store/Sections";

export const dynamic = "force-dynamic";

export default async function Preview() {
  await requireStaff("content.edit");
  const sections = await previewSections();
  return (
    <>
      <div className="sticky top-0 z-[60] bg-gilt text-paper text-center text-[13px] py-2">Draft preview. Visitors can’t see this. <a href="/admin/homepage" className="underline ml-2">Back to editor</a></div>
      <Header />
      <main><Sections sections={sections} /></main>
      <Footer />
    </>
  );
}