{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "navigation-menu-08",
  "title": "Mobile Navigation Menu",
  "description": "A mobile-friendly navigation menu",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "navigation-menu"
  ],
  "files": [
    {
      "path": "src/components/customized/navigation-menu/navigation-menu-08.tsx",
      "content": "import { BookOpen, Home, Rss, Settings, User } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  navigationMenuTriggerStyle,\n} from \"@/registry/ui/navigation-menu\";\n\nconst navigationMenuItems = [\n  { title: \"Home\", href: \"#\", icon: Home, isActive: true },\n  { title: \"Blog\", href: \"#blog\", icon: Rss },\n  { title: \"Docs\", href: \"#docs\", icon: BookOpen },\n  { title: \"Account\", href: \"#account\", icon: Settings },\n  { title: \"Settings\", href: \"#settings\", icon: User },\n];\n\nexport default function NavigationMenuMobile() {\n  return (\n    <NavigationMenu>\n      <NavigationMenuList className=\"gap-1\">\n        {navigationMenuItems.map((item) => (\n          <NavigationMenuItem key={item.title}>\n            <NavigationMenuLink\n              active={item.isActive}\n              asChild\n              className={cn(\n                navigationMenuTriggerStyle(),\n                \"flex h-auto flex-col items-center px-5 py-3\"\n              )}\n            >\n              <Link href={item.href}>\n                <item.icon className=\"mb-0.5 size-5\" />\n                {item.title}\n              </Link>\n            </NavigationMenuLink>\n          </NavigationMenuItem>\n        ))}\n      </NavigationMenuList>\n    </NavigationMenu>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}