From 482b1c8db5cfeaa20d75ce92fcb10f3ca8433633 Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Fri, 14 Apr 2023 00:07:02 +0700
Subject: Update 5th

---
 pages/components/modal.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 pages/components/modal.js

(limited to 'pages/components/modal.js')

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>
+  );
+}
-- 
cgit v1.2.3