const [modalCheckout, setModalCheckout] = useState(false)
const onClickOrder = () => {
setModalCheckout(true)
}
const onCloseModal = () => {
setModalCheckout(false)
}
{modalCheckout && (
<ModalPopup onClick={onCloseModal}>
<h1>ModalPopup</h1>
<button>Send</button>
</ModalPopup>
)}