1import Typography from '@mui/material/Typography';
 2import {useTheme} from '@mui/material/styles';
 3import Icon from '@mui/material/Icon';
 4import {useTranslation} from 'next-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 align="center" sx={{margin: theme.spacing(5, 0)}}>
21        <Icon fontSize="large">mail</Icon>
22      </Typography>
23      <Typography
24        sx={{margin: theme.spacing(5, 0)}}
25        variant="body2"
26        align="center"
27      >
28        {t('confirm.text')}
29      </Typography>
30    </CommonConfirm>
31  );
32};
33
34export default Confirm;
35
36export const getServerSideProps = pageUtils.getServerSideProps();