From 963260dd2acfa5a6bd5c0bef92f489565e3d7f76 Mon Sep 17 00:00:00 2001
From: Triston <tarmstrong95@proton.me>
Date: Sun, 7 Apr 2024 11:49:56 -0500
Subject: [PATCH] (feat): abstract navigation

---
 src/components/navigation/index.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/navigation/index.tsx

diff --git a/src/components/navigation/index.tsx b/src/components/navigation/index.tsx
new file mode 100644
index 0000000..ad10f56
--- /dev/null
+++ b/src/components/navigation/index.tsx
@@ -0,0 +1,18 @@
+export function Navigation() {
+  return (
+    <ul>
+      <li className="flex gap-2 hover:bg-blue-100 rounded-md p-1 cursor-pointer hover:text-blue-500">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" className="lucide lucide-radio-tower w-[15px]">
+          <path d="M4.9 16.1C1 12.2 1 5.8 4.9 1.9" />
+          <path d="M7.8 4.7a6.14 6.14 0 0 0-.8 7.5" />
+          <circle cx="12" cy="9" r="2" />
+          <path d="M16.2 4.8c2 2 2.26 5.11.8 7.47" />
+          <path d="M19.1 1.9a9.96 9.96 0 0 1 0 14.1" />
+          <path d="M9.5 18h5" />
+          <path d="m8 22 4-11 4 11" />
+
+        </svg>Radio
+      </li>
+    </ul>
+  )
+}