summaryrefslogtreecommitdiff
path: root/src2/components/elements/Disclosure.js
diff options
context:
space:
mode:
authorIT Fixcomart <it@fixcomart.co.id>2023-03-01 09:18:52 +0000
committerIT Fixcomart <it@fixcomart.co.id>2023-03-01 09:18:52 +0000
commita7abbf4ddc70068620e9f44b74dc162ce2e16ee2 (patch)
tree74f66253717515d364ce74bd8275015c1f829cbc /src2/components/elements/Disclosure.js
parent90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff)
parenta1b9b647a6c4bda1f5db63879639d44543f9557e (diff)
Merged in refactor (pull request #1)
Refactor
Diffstat (limited to 'src2/components/elements/Disclosure.js')
-rw-r--r--src2/components/elements/Disclosure.js14
1 files changed, 14 insertions, 0 deletions
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