import React from 'react'
import Modal from '../UI/Modal';
import { AiOutlineCheckCircle } from "@react-icons/all-files/ai/AiOutlineCheckCircle";
import { BiErrorCircle } from "@react-icons/all-files/bi/BiErrorCircle";

const SubmitFormModal = ({ modal, setModal, error }) => {
    return (
        <Modal active={modal} setActive={setModal} className='items-center'>
            {error
            ?
                <>
                    <BiErrorCircle className='text-red-500 text-8xl mb-3'/>
                    <h2 className='text-4xl font-medium mb-3'>Ошибка!</h2>
                    <p className='text-lg text-center'>При отправке заявки произошла ошибка. Повторите попытку через несколько минут.</p>
                </>
            :
                <>
                    <AiOutlineCheckCircle className='text-green-400 text-8xl mb-3'/>
                    <h2 className='text-4xl font-medium mb-3'>Успех!</h2>
                    <p className='text-lg text-center'>Ваша заявка отправлена, мы свяжемся с вами в ближайшее время.</p>
                </>
            }
        </Modal>
    )
}

export default SubmitFormModal;