add/Choose form to link user and ui changes

2026-09-21 17:17:44 +02:00 · 2023-12-21 21:40:42 +05:30
parent 4e67ab50fe
commit da42fe97ae
20 changed files with 1150 additions and 189 deletions
@@ -0,0 +1,29 @@
+import React from "react";
+import "../css/ModalUi.css";
+const ModalUi = ({ children, title, isOpen, handleClose, headerColor }) => {
+  return (
+    <>
+      {isOpen && (
+        <div className="modaloverlay">
+          <div className="modalcontainer">
+           {title && <div
+              style={{ background: headerColor ? headerColor : "#32a3ac" }}
+              className="modalheader"
+            >
+              <div className="modaltitle">{title}</div>
+              <div
+                className="closebtn"
+                onClick={() => handleClose && handleClose()}
+              >
+                &times;
+              </div>
+            </div>}
+            <div>{children}</div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default ModalUi;