1import Card from '@material-ui/core/Card';
 2import CardMedia from '@material-ui/core/CardMedia';
 3import Button from '@material-ui/core/Button';
 4import CardContent from '@material-ui/core/CardContent';
 5import CardActionArea from '@material-ui/core/CardActions';
 6import CardActions from '@material-ui/core/CardActions';
 7import Typography from '@material-ui/core/Typography';
 8import {useTranslation} from 'react-i18next';
 9import Layout from '../../layouts/Centered';
10import Logo from '../../components/Logo';
11import Link from 'next/link';
12
13const Confirm = () => {
14  const {t} = useTranslation();
15
16  return (
17    <Layout displayMenu={false}>
18      <Card>
19        <CardMedia component={Logo} />
20        <CardContent>
21          <Typography gutterBottom variant="h5" component="h2">
22            {t('confirm.title')}
23          </Typography>
24          <Typography variant="body2" color="textSecondary" component="p">
25            {t('confirm.text')}
26          </Typography>
27        </CardContent>
28        <CardActionArea>
29          <CardActions>
30            <Link href="/auth/login" passHref>
31              <Button
32                color="primary"
33                variant="contained"
34                id="SignUpSuccessLogin"
35              >
36                {t('confirm.login')}
37              </Button>
38            </Link>
39          </CardActions>
40        </CardActionArea>
41      </Card>
42    </Layout>
43  );
44};
45
46export default Confirm;