import useLoading from "../../../../hooks/useLoading";
import ActionModal from "./ActionModal";
import FormButtonCancel from "../../FormButton/FormButtonCancel";
import FormButtonSubmit from "../../FormButton/FormButtonSubmit";
import helperIcon from "../../../../assets/images/helper-icon.svg";


type DeleteModalProps = {
    objectToDelete:any
    onClose: () => void
    text:string
    desc?:string
    handleCancel:(id:number)=>void
}

const DeleteModal = ({ objectToDelete,onClose,text,desc,handleCancel}: DeleteModalProps) => {
    const [isLoading, setIsLoading] = useLoading(true)


    return (
        <ActionModal onClose={onClose}  customClass={'delete-confirm-modal'}>
            <div className='delete-confirm-modal--image-container'>
                <img src={helperIcon} alt='govoulis'/>
            </div>
            <p>Είστε σίγουρος/η πως θέλετε να ακυρώσετε {text} σας;</p>
            <p className='last-p'>{desc}</p>
            <div className='action-modal--btn-container'>
                <FormButtonCancel onClick={onClose}  buttonType={'button'}>
                    <p>ΟΧΙ</p>
                </FormButtonCancel>
                <FormButtonSubmit onClick={() => handleCancel(objectToDelete.id)} buttonType={'submit'} loading={isLoading}>
                    <p>NAI</p>
                </FormButtonSubmit>
            </div>
        </ActionModal>);
}

export default DeleteModal;