import { Paper, Stack, Title } from "@mantine/core";
import { useTranslation } from "react-i18next";
import { RegisterForm } from "@/features/auth";

export function RegisterPage() {
	const { t } = useTranslation();
	return (
		<main className="auth-page">
			<Paper className="auth-card" p="xl" radius="lg" withBorder>
				<Stack gap="lg">
					<Title order={1}>{t("auth.register")}</Title>
					<RegisterForm />
				</Stack>
			</Paper>
		</main>
	);
}