1import {useTranslation} from 'react-i18next';
 2import Box from '@mui/material/Box';
 3import Typography from '@mui/material/Typography';
 4
 5interface Props {
 6  statusCode: number;
 7  title?: string;
 8}
 9
10const NotFoundPage = (props: Props) => {
11  const {t} = useTranslation();
12  const {statusCode = 404, title = t`generic.errors.not_found`} = props;
13
14  return (
15    <Box
16      display="flex"
17      justifyContent="center"
18      alignItems="center"
19      width="100vw"
20      height="100vh"
21    >
22      <Typography variant="overline">
23        {statusCode} - {title}
24      </Typography>
25    </Box>
26  );
27};
28
29export async function getServerSideProps(props) {
30  return props
31}
32
33export default NotFoundPage;