import { DatabaseBackupIcon } 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">
          <DatabaseBackupIcon className="w-5 h-5" /> Stationen
        </span>
        <Link href={'/admin/station/new'}>
          <button className="btn btn-sm btn-outline btn-primary">
            Erstellen
          </button>
        </Link>
      </p>
      <PaginatedTable
        showEditButton
        prismaModel="station"
        columns={[
          {
            header: 'BOS Name',
            accessorKey: 'bosCallsign',
          },
          {
            header: 'Bos Use',
            accessorKey: 'bosUse',
          },
          {
            header: 'Country',
            accessorKey: 'country',
          },
          {
            header: 'operator',
            accessorKey: 'operator',
          },
        ]}
      />
    </>
  );
};