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';
11
12const Confirm = () => {
13  const {t} = useTranslation();
14
15  return (
16    <Layout  displayMenu={false}>
17      <Card>
18        <CardMedia component={Logo} />
19        <CardContent>
20          <Typography gutterBottom variant="h5" component="h2">
21            {t('confirm.title')}
22          </Typography>
23          <Typography variant="body2" color="textSecondary" component="p">
24            {t('confirm.text')}
25          </Typography>
26        </CardContent>
27        <CardActionArea>
28          <CardActions>
29            <Button
30              color="primary"
31              variant="contained"
32              href={'/auth/login'}
33              id="SignUpSuccessLogin"
34            >
35              {t('confirm.login')}
36            </Button>
37          </CardActions>
38        </CardActionArea>
39      </Card>
40    </Layout>
41  );
42};
43
44export default Confirm;