import type { FC } from "react";

import { useDocumentTitle } from "@mantine/hooks";
import { useTranslation } from "react-i18next";

import { AuthPageLayout, LoginForm } from "@/features/auth";

const LoginPage: FC = () => {
	const { t } = useTranslation();
	useDocumentTitle(`${t("auth.login")} — ${t("appName")}`);

	return (
		<AuthPageLayout title={t("auth.login")}>
			<LoginForm />
		</AuthPageLayout>
	);
};

export { LoginPage };