Refactor

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