import type {Route} from "../../../.react-router/types/app/pages/dashboard_sub/+types/DashboardAccountDefault";
import {flexLeftWeight} from "~/styles";
import {Button, Stack} from "@mantine/core";
import { useNavigate } from "react-router";
import {DashboardPageType} from "~/utils/hms_enums.ts";


export function meta({}: Route.MetaArgs) {
    return [
        { title: "Account" },
        { name: "description", content: "Account page" },
    ];
}


export default function Component() {
    const navigate = useNavigate();

    return (
        <Stack align="stretch" justify="center" gap="md" style={{...flexLeftWeight, "maxWidth": "400px"}}>
            <Button onClick={() => navigate(DashboardPageType.LoginPage)}>Admin</Button>
            <Button onClick={() => navigate(DashboardPageType.LoginPage)}>Receptionist</Button>
            <Button onClick={() => navigate(DashboardPageType.LoginPage)}>Doctor</Button>
            <Button onClick={() => navigate(DashboardPageType.LoginPage)}>Login</Button>
            <Button onClick={() => navigate(DashboardPageType.RegisterPage)}>Register</Button>
        </Stack>
    )
}