import { DatabaseBackupIcon, PartyPopperIcon } from 'lucide-react';
import { PaginatedTable } from '../../../_components/PaginatedTable';
import Link from 'next/link';

export default () => {
  return (
    <>
      <p className="text-2xl font-semibold text-left flex items-center gap-2 justify-between">
        <span className="flex items-center gap-2">
          <PartyPopperIcon className="w-5 h-5" /> Events
        </span>
        <Link href={'/admin/event/new'}>
          <button className="btn btn-sm btn-outline btn-primary">
            Erstellen
          </button>
        </Link>
      </p>
      <PaginatedTable
        showEditButton
        prismaModel="event"
        columns={[
          {
            header: 'Name',
            accessorKey: 'name',
          },
          {
            header: 'Versteckt',
            accessorKey: 'hidden',
          },
        ]}
      />
    </>
  );
};