import { DataTable } from "@/components/admin/DataTable";
import { AdminPageHeader, AdminPreviewCell, AdminTextCell } from "@/components/admin/AdminPresentation";
import { prisma } from "@/lib/prisma";

export default async function LegalPagesAdminPage() {
  const rows = await prisma.legalPage.findMany();
  return (
    <section>
      <AdminPageHeader title="Legal Pages" subtitle="Published storefront legal and policy content." />
      <DataTable headers={["Slug", "Title", "Content Preview"]} rows={rows.map((p) => [
        <AdminTextCell key="slug" value={p.slug} className="max-w-[180px] font-black" />,
        <AdminTextCell key="title" value={p.title} className="max-w-[260px]" />,
        <AdminPreviewCell key="content" value={p.content} />
      ])} />
    </section>
  );
}