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