23 lines
600 B
TypeScript
23 lines
600 B
TypeScript
|
import Modal from "react-modal";
|
||
|
|
|
||
|
|
type ModalComponentProps = {
|
||
|
|
isModalOpen: boolean;
|
||
|
|
children: React.ReactNode;
|
||
|
|
close: () => void;
|
||
|
|
};
|
||
|
|
|
||
|
|
const ModalComponent = ({ isModalOpen, children, close }: ModalComponentProps) => {
|
||
|
|
return (
|
||
|
|
<Modal
|
||
|
|
isOpen={isModalOpen}
|
||
|
|
onRequestClose={close}
|
||
|
|
className="bg-[#1e2a38] p-6 rounded-lg shadow-lg w-[95%] mt-[2%] md:w-[40%] z-100 overflow-y-auto border border-gray-600"
|
||
|
|
overlayClassName="fixed inset-0 bg-[#1e2a38]/70 flex justify-center items-start z-100"
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</Modal>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ModalComponent;
|