import { List } from "@mantine/core";
import ListLink from "@/components/list-link";
import { DatabaseIcon, TreeStructureIcon, TrophyIcon, UsersFourIcon, UsersThreeIcon } from "@phosphor-icons/react";
import ListButton from "@/components/list-button";

const AdminPage = () => {
  return (
    <List>
      <ListLink label="Manage Tournaments" Icon={TrophyIcon} to="/admin/tournaments" />
      <ListButton label="Open Pocketbase" Icon={DatabaseIcon} onClick={() => window.location.replace(import.meta.env.VITE_POCKETBASE_URL! + "/_/")} />
      <ListLink label="Bracket Preview" Icon={TreeStructureIcon} to="/admin/preview" />
    </List>
  );
};

export default AdminPage;