snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/components/main-nav.tsx

@@ -0,0 +1,41 @@
+"use client"
+
+import Link from "next/link"
+import { usePathname } from "next/navigation"
+import { cn } from "cn"
+
+import { PAGES_NEW } from "@/lib/docs"
+import { Button } from "@/registry/new-york-v4/ui/button"
+
+export function MainNav({
+  items,
+  className,
+  ...props
+}: React.ComponentProps<"nav"> & {
+  items: { href: string; label: string }[]
+}) {
+  const pathname = usePathname()
+
+  return (
+    <nav className={cn("items-center gap-0", className)} {...props}>
+      {items.map((item) => (
+        <Button
+          key={item.href}
+          variant="ghost"
+          asChild
+          size="sm"
+          className="px-2.5"
+        >
+          <Link
+            href={item.href}
+            data-active={pathname === item.href}
+            data-new={PAGES_NEW.includes(item.href)}
+            className="relative items-center"
+          >
+            {item.label}
+          </Link>
+        </Button>
+      ))}
+    </nav>
+  )
+}