From f99e0aba70efad0deb907d8e27f09fc9f527c8a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 17 Feb 2023 17:07:50 +0700
Subject: Refactor

---
 src2/components/elements/BottomPopup.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src2/components/elements/BottomPopup.js

(limited to 'src2/components/elements/BottomPopup.js')

diff --git a/src2/components/elements/BottomPopup.js b/src2/components/elements/BottomPopup.js
new file mode 100644
index 00000000..c1a56e10
--- /dev/null
+++ b/src2/components/elements/BottomPopup.js
@@ -0,0 +1,25 @@
+import CloseIcon from "@/icons/close.svg";
+
+const BottomPopup = ({ 
+  active = false, 
+  title, 
+  children, 
+  closePopup = () => {}
+}) => {
+  return (
+    <>
+      <div className={"menu-overlay " + (active ? 'block' : 'hidden')} onClick={closePopup} />
+      <div className={`fixed w-full z-[60] py-6 px-4 bg-white rounded-t-3xl idt-transition bottom-0 ${active ? 'block' : 'hidden'}`}>
+        <div className="flex justify-between items-center mb-5">
+          <h2 className="text-xl font-semibold">{ title }</h2>
+          <button onClick={closePopup}>
+            <CloseIcon className="w-7" />
+          </button>
+        </div>
+        { children }
+      </div>
+    </>
+  );
+};
+
+export default BottomPopup;
\ No newline at end of file
-- 
cgit v1.2.3