import { AddIcon } from "@/components/icons";
import StaticPageTable from "@/components/table/static-page-table";
import { Button, Card } from "@nextui-org/react";
import Link from "next/link";

export default function StaticPageGeneratorList() {
  return (
    <Card className="rounded-md border bg-transparent p-4">
      <div className="overflow-x-hidden overflow-y-scroll rounded-lg border-2">
        <div className="px-2 md:px-4 w-full">
          <div className="rounded-md mt-4 px-5 py-2 bg-white dark:bg-[#18181b] flex flex-row gap-3">
            <Link href="/admin/static-page/create">
              <Button size="md" color="primary" className="w-min">
                <AddIcon />
                Create Page
              </Button>
            </Link>
          </div>
          <div className="bg-white dark:bg-[#18181b] rounded-xl p-2">
            <StaticPageTable />
          </div>
        </div>
      </div>
    </Card>
  );
}