// import useLoading from "../../../../hooks/useLoading";
import ActionModal from "./ActionModal";
import FormButtonCancel from "../../Forms/FormButton/FormButtonCancel";
import FormButtonSubmit from "../../Forms/FormButton/FormButtonSubmit";
// import helperIcon from "../../../../assets/images/helper-icon.svg";
import FormButtonsContainer from "../../Forms/FormButton/FormButtonsContainer";
import Govoulis from "../../../SVG/Govoulis";
import { ReactNode } from "react";


type DeleteModalProps = {
    onClose: () => void
    text?:string
    desc?:string
    onDelete:()=>void
    customClass?:string
    en?:boolean
    children?: ReactNode
    hasNoButton?: boolean,
}

const DeleteModal = ({ onClose, text, desc, onDelete, customClass='', children, en=false, hasNoButton=true}: DeleteModalProps) => {


    return (
        <ActionModal onClose={onClose}  customClass={`delete-confirm-modal ${customClass}`}>
            <div className='delete-confirm-modal--image-container'>
               <Govoulis
                   colorWhite={'var(--white)'}
               colorBlue={'var(--secondary-color)'}/>
            </div>
            { children && <>{children}</>}
            {text && 
            <>
             <p>{text}</p>
            <p className='last-p'>{desc}</p>
            </>
            }  
            <div className='action-modal--btn-container'>
                <FormButtonsContainer justify={'center'} align={''}>
                    {hasNoButton ?
                        <FormButtonCancel onClick={onClose}  buttonType={'button'}>
                            {en ? <p>NO</p> : <p>ΟΧΙ</p>}                     
                        </FormButtonCancel>
                        :
                        <></>
                    }
                    <FormButtonSubmit onClick={onDelete} buttonType={'submit'}>
                        {en ? <p>YES</p> : <p>ΝΑΙ</p>}  
                    </FormButtonSubmit>
                </FormButtonsContainer>

            </div>
        </ActionModal>
    );
}

export default DeleteModal;