import type {Route} from "../../../.react-router/types/app/pages/dashboard_sub/+types/DashboardAccount";
import {marginRound} from "~/styles";
import {Flex, Image} from "@mantine/core";
import {Outlet} from "react-router";
import GlobalAffix from "~/components/GlobalAffix.tsx";


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

export default function Component() {
    return (
        <Flex gap="md" justify="center" align="center" direction="row" wrap="wrap" p={10} h="100vh">
            <Outlet />

            <Image
                src="/logo.png"
                h="95vh"
            />

            <GlobalAffix />
        </Flex>
    )
}