diff options
Diffstat (limited to 'frontend/src/components/Navigation.tsx')
| -rw-r--r-- | frontend/src/components/Navigation.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
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> + ); +} |