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/ConfirmAlert.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src2/components/elements/ConfirmAlert.js

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

diff --git a/src2/components/elements/ConfirmAlert.js b/src2/components/elements/ConfirmAlert.js
new file mode 100644
index 00000000..d33abb89
--- /dev/null
+++ b/src2/components/elements/ConfirmAlert.js
@@ -0,0 +1,27 @@
+const ConfirmAlert = ({
+  title,
+  caption,
+  show,
+  onClose,
+  onSubmit,
+  closeText,
+  submitText
+}) => {
+  return (
+    <>
+      {show && (
+        <div className="menu-overlay" onClick={onClose}></div>
+      )}
+      <div className={"p-4 rounded border bg-white border-gray_r-6 fixed top-[50%] left-[50%] translate-x-[-50%] z-[70] w-[90%] translate-y-[-50%] " + (show ? "block" : "hidden")}>
+        <p className="h2 mb-2">{title}</p>
+        <p className="text-gray_r-11 mb-6">{caption}</p>
+        <div className="flex gap-x-2">
+          <button className="flex-1 btn-yellow" onClick={onClose}>{closeText}</button>
+          <button className="flex-1 btn-solid-red" onClick={onSubmit}>{submitText}</button>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default ConfirmAlert;
\ No newline at end of file
-- 
cgit v1.2.3