import { Result, Typography } from 'antd'
import { memo } from 'react'
import { Link, useNavigate } from 'react-router-dom'
import { CloseCircleOutlined } from '@ant-design/icons'

const { Paragraph, Text } = Typography

export const AccessDenied = memo(() => {
    const navigate = useNavigate()

    return (
        <Result
            status={'error'}
            title={'Доступ запрешён'}
            subTitle={'Страницы не существует или у вас отсутствует к ней доступ.'}
        >
            <div className={'desc'}>
                <Paragraph>
                    <Text strong style={{ fontSize: 16 }}>Возможные причины данной проблемы:</Text>
                </Paragraph>
                <Paragraph>
                    <CloseCircleOutlined style={{ color: 'red' }} />
                    &nbsp;У вас отсутствует доступ к странице.&nbsp;
                    <Typography.Link href={'mailto://support@digitaldrilling.ru'} target={'_blank'}>
                        Обратиться в поддержку &gt;
                    </Typography.Link>
                </Paragraph>
                <Paragraph>
                    <CloseCircleOutlined style={{ color: 'red' }} />
                    &nbsp;Страницы не существует.&nbsp;
                    <Link to={'#'} onClick={navigate(-1)}>Вернуться назад &gt;</Link>
                </Paragraph>
                <Paragraph>
                    <CloseCircleOutlined style={{ color: 'red' }} />
                    &nbsp;Разрешения не обновились.&nbsp;
                    <Link to={'/login'}>Перезайти в аккаунт &gt;</Link>
                </Paragraph>
            </div>
        </Result>
    )
})

export default AccessDenied