"use client";
import { PaginatedTable } from "_components/PaginatedTable";
import { reportColumns } from "(app)/admin/report/columns";
import { TriangleAlert } from "lucide-react";
import Link from "next/link";

export default function ReportPage() {
	return (
		<PaginatedTable
			initialOrderBy={[{ id: "timestamp", desc: true }]}
			prismaModel="report"
			stickyHeaders
			include={{
				Sender: true,
				Reported: true,
			}}
			leftOfSearch={
				<p className="flex items-center gap-2 text-left text-2xl font-semibold">
					<TriangleAlert className="h-5 w-5" /> Reports
				</p>
			}
			rightOfSearch={
				<p className="flex items-center justify-between gap-2 text-left text-2xl font-semibold">
					<Link href={"/admin/report/new"}>
						<button className="btn btn-sm btn-outline btn-primary">Erstellen</button>
					</Link>
				</p>
			}
			columns={reportColumns}
		/>
	);
}
