import Box from "@material-ui/core/Box";
import Container from "@material-ui/core/Container";
import Typography from "@material-ui/core/Typography";

import React from "react";

import Copyright from "@sentrei/ui/components/Copyright";
import Link from "@sentrei/ui/components/Link";

function Custom404(): JSX.Element {
  return (
    <Container maxWidth="sm">
      <Box my={4}>
        <Typography variant="h4" component="h1" gutterBottom>
          404
        </Typography>
        <Link href="/">Go to the main page</Link>
        <Copyright />
      </Box>
    </Container>
  );
}

export default Custom404;
