blob: df4b29f543625b56b18ee550794f6114c9a6c011 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
import React from 'react'
import Header from '../../../components/Header/Header'
import CardScanner from '../../../components/Card/CardScanner'
import styles from './FinalSlip.module.css'
import { Grid, Typography } from '@mui/material'
import { useTranslation } from 'react-i18next'
import AudioAutoplay from '../../../components/AudioAutoplay/AudioAutoplay'
const FinalSlip = () => {
const { t } = useTranslation()
return (
<>
<Header subheading={t('ENROLLMENT')} />
<AudioAutoplay
audio={`${process.env.PUBLIC_URL}/assets/audios/enrollment-steps-completion`}
/>
<div className={styles.card__container}>
<CardScanner
image={`${process.env.PUBLIC_URL}/assets/images/slip.svg`}
/>
</div>
<div>
<Grid container justifyContent="center">
<Typography align="center" fontWeight={'Bold'}>
{t('THANK_YOU_FOR_YOUR_TIME')}
<br />
{t('ENSURE_THAT_RECIEVED_A_CONFIRMATION_MESSAGE')}
</Typography>
</Grid>
</div>
</>
)
}
export default FinalSlip
|