import React , { FC } from "react" ; import ReactModal from "react-modal" ; import ModalProps from "../types/ModalProps" ; import "./Logout.css" ; const Logout = ( { isOpen , onClickToggle } ) => { const onClickLogin = ( e ) => { e . preventDefault ( ) ; onClickToggle ( e ) ; } ; const onClickCancel = ( e ) => { onClickToggle ( e ) ; } ; return ( < ReactModal className = "modal-menu" isOpen = { isOpen } onRequestClose = { onClickToggle } shouldCloseOnOverlayClick = { true } > < form > < div className = "logout-inputs" > Are you sure you want to logout ? < /div> < div className = "form-buttons form-buttons-sm" > < div className = "form-btn-left" > < button style = { { marginLeft : ".5em" } } className = "action-btn" onClick = { onClickLogin } > Login < /button> < button style = { { marginLeft : ".5em" } } className = "cancel-btn" onClick = { onClickCancel } > Close < /button> < /div> < /div> < /form> < /ReactModal>); } ; export default Logout ;