import { Container, Stack, Typography } from "@mui/material";
import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom";

import { Centroid } from "../../common/components/Centroid";


export const AccessDeniedPage = () => {
	const { t } = useTranslation();

	return (
		<Container>
			<Centroid>
				<Stack spacing={4} justifyItems="center">
					<h1 className="text-danger">{t("accessDenied")}</h1>

					<Link to="/">
						<Typography textAlign="center">
							{t("goHome")}
						</Typography>
					</Link>
				</Stack>
			</Centroid>
		</Container>
	);
};
