1import {useTranslation} from 'react-i18next';
 2import Box from '@material-ui/core/Box';
 3import Typography from '@material-ui/core/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 default NotFoundPage;