1import React from 'react';
 2import Layout from '../layouts/Centered';
 3import Card from '@material-ui/core/Card';
 4import CardMedia from '@material-ui/core/CardMedia';
 5import Logo from '../components/Logo';
 6import {useTranslation} from 'react-i18next';
 7import Button from '@material-ui/core/Button';
 8import CardContent from '@material-ui/core/CardContent';
 9import CardActions from '@material-ui/core/CardActions';
10import Typography from '@material-ui/core/Typography';
11
12export default () => {
13  const {t} = useTranslation();
14  return (
15    <Layout>
16      <Card>
17        <CardMedia component={Logo} />
18        <CardContent>
19          <Typography gutterBottom variant="h5" component="h2">
20            {t('signup.success.title')}
21          </Typography>
22          <Typography
23            variant="body2"
24            color="textSecondary"
25            component="p"
26            dangerouslySetInnerHTML={{__html: t('signup.success.text_html')}}
27          />
28        </CardContent>
29        <CardActions>
30          <Button
31            color="secondary"
32            variant="contained"
33            href={'/'}
34            id="SignUpSuccessCreateEvent"
35          >
36            {t('signup.success.create_event')}
37          </Button>
38          <Button
39            color="primary"
40            variant="contained"
41            href={'/dashboard'}
42            id="SignUpSuccessDashboard"
43          >
44            {t('signup.success.dashboard')}
45          </Button>
46        </CardActions>
47      </Card>
48    </Layout>
49  );
50};