1 files changed, 19 insertions, 0 deletions
diff --git a/pages/components/modal.js b/pages/components/modal.js
new file mode 100644
index 0000000..0a9d349
--- /dev/null
+++ b/pages/components/modal.js
@@ -0,0 +1,19 @@
+export default function Modal({ open, onClose, children }) {
+  return (
+    <div
+      onClick={onClose}
+      className={`fixed z-50 inset-0 flex justify-center items-center transition-colors ${
+        open ? "visible bg-black bg-opacity-50" : "invisible"
+      }`}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        className={`shadow rounded-xl p-6 transition-all ${
+          open ? "scale-125 opacity-100" : "scale-100 opacity-0"
+        }`}
+      >
+        {children}
+      </div>
+    </div>
+  );
+}