daphnis/components/navigationbar/mobileNavBar.tsx
2024-06-29 01:22:22 -04:00

37 lines
801 B
TypeScript

"use client";
import Link from "next/link";
import { usePathname } from "next/navigation";
const NAV_ITEMS = [
{ href: "/home", label: "Home" },
{ href: "/chunithm", label: "Chunithm" },
{ href: "/maimai", label: "Maimai" },
];
const NavigationMenuMobile = () => {
const pathname = usePathname();
return (
<nav className="grid gap-6 text-lg font-medium">
{NAV_ITEMS.map(({ href, label }) => {
const isActive = pathname === href;
return (
<Link
key={href}
href={href}
className={`${
isActive ? "font-semibold text-primary" : "text-muted-foreground"
} text-sm`}
>
{label}
</Link>
);
})}
</nav>
);
};
export default NavigationMenuMobile;