From 5dba2d8cedf46798fc197de4856409124a65ce4e Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Mon, 12 May 2025 18:59:23 +0530
Subject: added sidebar and related components

---
 src/components/NavigationComponent.astro | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/NavigationComponent.astro

(limited to 'src/components/NavigationComponent.astro')

diff --git a/src/components/NavigationComponent.astro b/src/components/NavigationComponent.astro
new file mode 100644
index 0000000..9987c2f
--- /dev/null
+++ b/src/components/NavigationComponent.astro
@@ -0,0 +1,29 @@
+---
+const { title, variation, bordered = true } = Astro.props;
+---
+
+<section class="saira uppercase my-4">
+    <div class="text-xl flex flex-row gap-2 justify-center items-center">
+        <div class={`${
+            variation === "alternate" ? "bg-pagodapink" : "bg-pagodapurple"
+        }
+        rounded-l-2xl px-4 h-6`}></div>
+        <div>{title}</div>
+        <div class={`${
+            variation === "alternate" ? "bg-pagodapurple" : "bg-pagodapink"
+        } ${
+            bordered ? "rounded-tr-2xl" : "rounded-r-2xl"
+        }
+        flex-grow h-6`}></div>
+    </div>
+    <div class={`
+    ${
+        bordered ? variation === "alternate" ? "border-pagodapurple bg-pagodapurple" : "border-pagodapink bg-pagodapink" : ""
+    }
+    ${
+        bordered ? "border-r-8 border-b-2 border-solid relative bottom-1" : ""
+    }
+    rounded-br ml-8`}>
+        <slot />
+    </div>
+</section>
\ No newline at end of file
-- 
cgit v1.2.3