import React from "react";
import {
Button,
Modal,
ModalOverlay,
ModalContent,
ModalCloseButton,
ModalBody,
useDisclosure,
} from "@chakra-ui/react";
export const MFModal = (children) => {
const { isOpen, onOpen, onClose } = useDisclosure();
return (
<>
<Button onClick={onOpen} colorScheme="pink">Delegate application</Button>
<Modal isOpen={isOpen} onClose={onClose}>
<ModalOverlay />
<ModalContent>
<ModalCloseButton />
<ModalBody>{children}</ModalBody>
</ModalContent>
</Modal>
</>
);
};