diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f7fa87e..b518cf3 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import Navbar from "@/components/navbar"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -27,6 +28,7 @@ export default function RootLayout({ + {children} diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx new file mode 100644 index 0000000..d90cdae --- /dev/null +++ b/src/components/navbar.tsx @@ -0,0 +1,65 @@ +"use client"; + +import Link from "next/link"; +import { usePathname } from "next/navigation"; + +interface ITabProps { + id: string; + name: string; + icon: string; + href: string; +} + +export default function Navbar() { + const tabs = [ + { id: "/", name: "Eventos", icon: "calendar_month", href: "/" }, + { + id: "/calendar", + name: "Calendário", + icon: "schedule", + href: "/calendar", + }, + { id: "/swap", name: "SWAP", icon: "sync_alt", href: "/" }, + ]; + + const currentPage = usePathname(); + + function Tab({ id, name, icon, href }: ITabProps) { + return ( + + {icon} +

{name}

+ + ); + } + + return ( + + ); +}