1import Typography from '@material-ui/core/Typography';
 2import Icon from '@material-ui/core/Icon';
 3import {makeStyles} from '@material-ui/core/styles';
 4import {useTranslation} from 'react-i18next';
 5import CommonConfirm from '../../../layouts/ConfirmLayout';
 6import pageUtils from '../../../lib/pageUtils';
 7
 8const Confirm = () => {
 9  const {t} = useTranslation();
10  const {margins} = useStyles();
11
12  return (
13    <CommonConfirm>
14      <Typography variant="overline" component="h5" align="center">
15        {t('confirm.title')}
16      </Typography>
17      <Typography
18        variant="h5"
19        component="h2"
20        align="center"
21      >
22        {t('confirm.title')}
23      </Typography>
24      <Typography align="center" className={margins} component="div">
25        <Icon fontSize="large">mail</Icon>
26      </Typography>
27      <Typography
28        className={margins}
29        variant="body2"
30        color="textSecondary"
31        component="p"
32        align="center"
33      >
34        {t('confirm.text')}
35      </Typography>
36    </CommonConfirm>
37  );
38};
39
40const useStyles = makeStyles(theme => ({
41  margins: {
42    margin: theme.spacing(5, 0),
43  },
44}));
45
46export default Confirm;
47
48export const getServerSideProps = pageUtils.getServerSideProps();