24 lines
647 B
TypeScript
24 lines
647 B
TypeScript
import type React from "react";
|
|
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 max-w-[80%] mx-auto mt-[1%] md:w-[70%] md:h-[95%] z-[100] overflow-y-auto max-h-screen"
|
|
overlayClassName="fixed inset-0 bg-[#1e2a38]/70 flex justify-center items-start z-100"
|
|
>
|
|
{children}
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
export default ModalComponent;
|