1import Typography from '@mui/material/Typography';
 2import {useTheme} from '@mui/material/styles';
 3import Icon from '@mui/material/Icon';
 4import {useTranslation} from 'react-i18next';
 5import CommonConfirm from '../../../layouts/ConfirmLayout';
 6import pageUtils from '../../../lib/pageUtils';
 7
 8const Confirm = () => {
 9  const {t} = useTranslation();
10  const theme = useTheme();
11
12  return (
13    <CommonConfirm>
14      <Typography variant="subtitle1" align="center">
15        {t('confirm.creating')}
16      </Typography>
17      <Typography variant="h5" align="center">
18        {t('confirm.title')}
19      </Typography>
20      <Typography
21        align="center"
22        sx={{margin: theme.spacing(5, 0)}}
23      >
24        <Icon fontSize="large">mail</Icon>
25      </Typography>
26      <Typography
27        sx={{margin: theme.spacing(5, 0)}}
28        variant="body2"
29        align="center"
30      >
31        {t('confirm.text')}
32      </Typography>
33    </CommonConfirm>
34  );
35};
36
37export default Confirm;
38
39export const getServerSideProps = pageUtils.getServerSideProps();