47 lines
888 B
TypeScript
47 lines
888 B
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const routes = [
|
|
{
|
|
label: "Dashboard",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Flow",
|
|
href: "/flow",
|
|
},
|
|
{
|
|
label: "CRM",
|
|
href: "/crm",
|
|
},
|
|
{
|
|
label: "Management",
|
|
href: "/management",
|
|
},
|
|
];
|
|
|
|
export function Navbar() {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<nav className="flex items-center space-x-4 lg:space-x-6 h-16 px-8 bg-black/20">
|
|
{routes.map((route) => (
|
|
<Link
|
|
key={route.href}
|
|
href={route.href}
|
|
className={cn(
|
|
"text-sm font-medium transition-colors hover:text-white",
|
|
pathname === route.href
|
|
? "text-white"
|
|
: "text-white/60"
|
|
)}
|
|
>
|
|
{route.label}
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
);
|
|
}
|