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

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

diff --git a/src2/components/elements/Disclosure.js b/src2/components/elements/Disclosure.js
new file mode 100644
index 00000000..1f334be3
--- /dev/null
+++ b/src2/components/elements/Disclosure.js
@@ -0,0 +1,14 @@
+const { ChevronUpIcon, ChevronDownIcon } = require("@heroicons/react/24/outline");
+
+const Disclosure = ({ label, active, onClick }) => (
+  <div className={`flex justify-between p-4 ` + (active && 'bg-yellow_r-2')} onClick={onClick}>
+    <p className="font-medium leading-normal">{ label }</p>
+    { onClick && ( active ? (
+      <ChevronUpIcon className="w-5 h-5 stroke-2" />
+    ) : (
+      <ChevronDownIcon className="w-5 h-5 stroke-2" />
+    ) ) }
+  </div>
+);
+
+export default Disclosure;
\ No newline at end of file
-- 
cgit v1.2.3