From 1c73c999ac78d2e6d3a8c68b4e17058046326f55 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sat, 12 Jul 2025 14:55:19 +0900
Subject: feat(frontend): create pages and components

---
 frontend/src/components/Navigation.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 frontend/src/components/Navigation.tsx

(limited to 'frontend/src/components/Navigation.tsx')

diff --git a/frontend/src/components/Navigation.tsx b/frontend/src/components/Navigation.tsx
new file mode 100644
index 0000000..f5771df
--- /dev/null
+++ b/frontend/src/components/Navigation.tsx
@@ -0,0 +1,28 @@
+import {
+	faBookOpen,
+	faCircleCheck,
+	faGear,
+} from "@fortawesome/free-solid-svg-icons";
+import { Link } from "wouter";
+import { MenuItem } from "./MenuItem";
+
+export function Navigation() {
+	return (
+		<nav className="bg-white shadow-sm border-b border-gray-200">
+			<div className="container mx-auto px-4">
+				<div className="flex items-center justify-between h-16">
+					<div className="flex items-center space-x-8">
+						<Link href="/" className="text-xl font-bold text-gray-900">
+							feedaka
+						</Link>
+						<div className="flex space-x-6">
+							<MenuItem path="/unread" label="Unread" icon={faBookOpen} />
+							<MenuItem path="/read" label="Read" icon={faCircleCheck} />
+							<MenuItem path="/settings" label="Settings" icon={faGear} />
+						</div>
+					</div>
+				</div>
+			</div>
+		</nav>
+	);
+}
-- 
cgit v1.2.3-70-g09d2

