import { Fragment, useContext } from "react";
import { AppContext } from "@/src/pages/_app";
import Divider from "@/twui/components/layout/Divider";
import AdminHero from "@/src/components/general/admin/hero";
import SignupForm from "../../../auth/signup/(partials)/signup-form";
import Stack from "@/twui/components/layout/Stack";

export default function Main() {
    const { pageProps } = useContext(AppContext);

    return (
        <Fragment>
            <AdminHero title={`Add New User`} />
            <Divider />
            <Stack className="grid-cell-content max-w-[600px]">
                <SignupForm />
            </Stack>
        </Fragment>
    );
}
