"use client";
import { PartyPopperIcon } from "lucide-react";
import { PaginatedTable } from "../../../_components/PaginatedTable";
import Link from "next/link";
import { ColumnDef } from "@tanstack/react-table";
import { Event } from "@repo/db";

export default function Page() {
	return (
		<>
			<PaginatedTable
				stickyHeaders
				prismaModel="event"
				columns={
					[
						{
							header: "Name",
							accessorKey: "name",
						},
						{
							header: "Versteckt",
							accessorKey: "hidden",
						},
						{
							header: "Aktionen",
							cell: ({ row }) => (
								<div className="flex items-center gap-1">
									<Link href={`/admin/event/${row.original.id}`}>
										<button className="btn btn-sm">Edit</button>
									</Link>
								</div>
							),
						},
					] as ColumnDef<Event>[]
				}
				leftOfSearch={
					<span className="flex items-center gap-2">
						<PartyPopperIcon className="w-5 h-5" /> Events
					</span>
				}
				rightOfSearch={
					<Link href={"/admin/event/new"}>
						<button className="btn btn-sm btn-outline btn-primary">Erstellen</button>
					</Link>
				}
			/>
		</>
	);
}