import { useNavigate } from 'react-router-dom';

import Modal from '../modal/Modal';
import Button from '../button/Button';
import { BtnWrapper, ButtonClose, ModalText } from '../../../styles/Components';

const AuthModal = () => {

    const navigate = useNavigate();
    
    return (
        <>
            <Modal min="440px" $padding="40px" $bgcolor="transparent" $view={'view'}>
                <BtnWrapper $justify="flex-end">
                    <ButtonClose onClick={() => navigate(-1)} />
                </BtnWrapper>
                <ModalText $align="center">
                    해당 메뉴에 대한 조회 권한이 없습니다.
                    <br />
                    권한 등급을 변경 후 다시 이용해주세요.
                </ModalText>
                <BtnWrapper $gap="10px">
                    <Button text="확인" theme="primary" type="submit" size="large" width="100%" handleClick={() => navigate(-1)} />
                </BtnWrapper>
            </Modal>
        </>
    );
};

export default AuthModal;