56 lines
1.9 KiB
TypeScript
56 lines
1.9 KiB
TypeScript
|
import Link from "next/link";
|
||
|
|
|
||
|
|
import { cn } from "@/lib/utils";
|
||
|
|
import { UserNav } from "@/components/user-nav";
|
||
|
|
import { Icons } from "./icons";
|
||
|
|
import { NavItem, siteConfig } from "@/config";
|
||
|
|
import HamburgerMenu from "./hamburger-menu";
|
||
|
|
|
||
|
|
export const TopNav = ({ navItems }: { navItems: NavItem[] }) => {
|
||
|
|
return (
|
||
|
|
<nav className="flex h-[52px] items-center justify-between p-4 border-b">
|
||
|
|
<div className="flex items-center gap-4">
|
||
|
|
<HamburgerMenu />
|
||
|
|
<h1 className="font-cal hidden text-xl font-semibold capitalize leading-none md:inline ml-4">
|
||
|
|
{/* {props.title} */}
|
||
|
|
Skilld
|
||
|
|
</h1>
|
||
|
|
{/* {props.breadcrumbItems && (
|
||
|
|
<Breadcrumbs items={props.breadcrumbItems} />
|
||
|
|
)} */}
|
||
|
|
</div>
|
||
|
|
{/* {props.headerAction} */}
|
||
|
|
hello
|
||
|
|
</nav>
|
||
|
|
// <nav className="sticky top-0 z-10 flex h-16 items-center gap-10 border-b bg-background/60 px-4 backdrop-blur-xl transition-all">
|
||
|
|
// <Link href="/" className="flex items-center space-x-2">
|
||
|
|
// <Icons.logo />
|
||
|
|
// <span className="inline-block font-urban text-xl font-bold">
|
||
|
|
// {siteConfig.name}
|
||
|
|
// </span>
|
||
|
|
// </Link>
|
||
|
|
// <nav className="hidden gap-6 md:flex">
|
||
|
|
// {navItems?.map((item, index) => (
|
||
|
|
// <Link
|
||
|
|
// key={index}
|
||
|
|
// href={item.href}
|
||
|
|
// className={cn(
|
||
|
|
// "flex items-center text-lg font-medium text-foreground/60 transition-colors hover:text-foreground/80 sm:text-sm",
|
||
|
|
// // TODO: active link css
|
||
|
|
// // item.href.startsWith(`/${segment}`)
|
||
|
|
// // ? "text-foreground"
|
||
|
|
// // : "text-foreground/60",
|
||
|
|
// )}
|
||
|
|
// >
|
||
|
|
// {item.title}
|
||
|
|
// </Link>
|
||
|
|
// ))}
|
||
|
|
// </nav>
|
||
|
|
// <div className="ml-auto flex items-center space-x-4">
|
||
|
|
// {/* <Search /> */}
|
||
|
|
// <UserNav />
|
||
|
|
// </div>
|
||
|
|
// </nav>
|
||
|
|
);
|
||
|
|
};
|