From 4377fc56c8f8d0f63a7579d21bcef95c0db45be8 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Sat, 21 Aug 2021 19:55:22 +0200
Subject: [PATCH] Extracted a bunch of duplicate stylechecks into own component

---
 src/lib/SidebarComponent.svelte | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/lib/SidebarComponent.svelte

diff --git a/src/lib/SidebarComponent.svelte b/src/lib/SidebarComponent.svelte
new file mode 100644
index 0000000..43fee1b
--- /dev/null
+++ b/src/lib/SidebarComponent.svelte
@@ -0,0 +1,21 @@
+<script>
+	export let currentPage;
+	export let title = 'null';
+	export let href = './null';
+    export let pageUrl = '/null';
+</script>
+
+<a
+	class="flex items-center px-4 py-2 rounded-md"
+	class:dark:bg-gray-700={currentPage == pageUrl}
+	class:bg-gray-200={currentPage == pageUrl}
+	class:dark:text-gray-200={currentPage == pageUrl}
+	class:text-gray-700={currentPage == pageUrl}
+	class:dark:text-gray-400={!(currentPage == pageUrl)}
+	class:text-gray-600={!(currentPage == pageUrl)}
+	{href}
+>
+	<slot />
+
+	<span class="mx-4 font-medium">{title}</span>
+</a>
\ No newline at end of file