From 14005a85f9d5ba575467e6012ef1d41bd0dda13d Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 5 Oct 2024 15:53:24 -0700
Subject: add description field to dividers

---
 src/components/Divider/Divider.tsx | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

(limited to 'src/components/Divider/Divider.tsx')

diff --git a/src/components/Divider/Divider.tsx b/src/components/Divider/Divider.tsx
index ef6b30b..a19f4a9 100644
--- a/src/components/Divider/Divider.tsx
+++ b/src/components/Divider/Divider.tsx
@@ -1,14 +1,21 @@
 interface DividerProps {
-	text: string;
+  text: string;
+  description?: string;
 }
 
 const Divider = (props: DividerProps) => {
-	return (
-		<div className="flex flex-row items-center justify-center bg-black h-24 max-w-full px-72">
-			<div className="px-2 text-white text-4xl font-extrabold">
-				{props.text}
-			</div>
-		</div>
-	);
+  return (
+    <div className="flex flex-col items-center justify-center bg-black h-24 mx-24 rounded-xl px-72">
+      <div className="px-2 mt-2 text-white text-4xl font-extrabold">
+        {props.text}
+      </div>
+      {props.description && (
+        <div className="px-2 my-2 text-white text-lg font-medium">
+          {props.description}
+        </div>
+      )}
+    </div>
+  );
 };
-export default Divider;
+
+export default Divider;
\ No newline at end of file
-- 
cgit v1.2.3

