import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Link from "next/link";
import BasePage from "../Base";
import classes from "./classes.module.scss";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import Button from "@Front/Components/DesignSystem/Button";
import Module from "@Front/Config/Module";

export default class PageNotFound extends BasePage {
	public override render(): JSX.Element {
		return (
			<DefaultTemplate title={"Project Not Found"}>
				<div className={classes["root"]}>
					<Typography typo={ITypo.H3}>Il n'y a rien ici, la page que vous avez demandé n'existe pas</Typography>
					<Link href={Module.getInstance().get().modules.pages.Home.props.path}>
						<Button>Retourner à la page d'accueil</Button>
					</Link>
				</div>
			</DefaultTemplate>
		);
	}
}