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"
        searchFields={["bosCallsign", "bosUse", "country", "operator"]}
        columns={[
          {
            header: "BOS Name",
            accessorKey: "bosCallsign",
          },
          {
            header: "Bos Use",
            accessorKey: "bosUse",
          },
          {
            header: "Country",
            accessorKey: "country",
          },
          {
            header: "operator",
            accessorKey: "operator",
          },
        ]}
      />
    </>
  );
};
