first commit

app/components/ModelNotice.tsx

@@ -0,0 +1,21 @@
+import React, { useState } from 'react';
+
+const Modal = ({ isOpen, onClose, children }: { isOpen: boolean, onClose: () => void, children: React.ReactNode }) => {
+  if (!isOpen) return null;
+  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {
+    console.log(e);
+  };
+
+  return (
+
+<div className="fixed inset-0 flex justify-center items-center"> <div className="absolute inset-0 bg-black opacity-50 " onClick={onClose}></div>
+  <div className="bg-white  p-8 rounded shadow-lg w-[90%] h-[90%] min-w-[450px] min-h-[500px] max-w-[800px] max-h-[1000px]  overflow-y-auto relative" onClick={(event) => { event.stopPropagation(); }}>
+    {children}
+  </div>
+</div>
+
+  );
+  
+};
+
+export default Modal;