2 files changed, 24 insertions, 0 deletions
diff --git a/src/components/elements/DescriptionRow.js b/src/components/elements/DescriptionRow.js
new file mode 100644
index 00000000..7fe9e3a1
--- /dev/null
+++ b/src/components/elements/DescriptionRow.js
@@ -0,0 +1,10 @@
+const DescriptionRow = ({ label, children }) => (
+  <div className="grid grid-cols-2">
+    <p className="leading-normal text-gray_r-11">{ label }</p>
+    <div className="text-right leading-normal">
+      { children }
+    </div>
+  </div>
+);
+
+export default DescriptionRow;
+\ No newline at end of file
diff --git a/src/components/elements/Disclosure.js b/src/components/elements/Disclosure.js
new file mode 100644
index 00000000..0aaedf87
--- /dev/null
+++ b/src/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" onClick={onClick}>
+    <p className="font-medium leading-normal">{ label }</p>
+    { onClick && ( active ? (
+      <ChevronUpIcon className="w-5 h-5" />
+    ) : (
+      <ChevronDownIcon className="w-5 h-5" />
+    ) ) }
+  </div>
+);
+
+export default Disclosure;
+\ No newline at end of file