1  import { Trans } from '@lingui/macro';
 2  import { Box, Button, Link, Typography } from '@mui/material';
 3  import { useModalContext } from 'src/hooks/useModal';
 4  
 5  export const PermissionView = () => {
 6    const { close } = useModalContext();
 7  
 8    return (
 9      <>
10        <Box
11          sx={{
12            display: 'flex',
13            flexDirection: 'column',
14            justifyContent: 'center',
15            alignItems: 'center',
16            mb: '92px',
17          }}
18        >
19          <Typography sx={{ mt: 14 }} variant="h2">
20            <Trans>Allowance required action</Trans>
21          </Typography>
22          <Typography sx={{ mt: '10px', textAlign: 'center' }}>
23            <Trans>
24              To request access for this permissioned market, please visit:{' '}
25              <Link href={'https://access-provider-url'}>Acces Provider Name</Link>
26            </Trans>
27          </Typography>
28        </Box>
29        <Box sx={{ display: 'flex', flexDirection: 'column', mt: 12 }}>
30          <Button onClick={close} variant="contained" size="large" sx={{ minHeight: '44px' }}>
31            <Trans>Close</Trans>
32          </Button>
33        </Box>
34      </>
35    );
36  };