{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "floating-navbar",
  "title": "Floating Navbar",
  "description": "component for the Floating Navbar",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "app/registry/navbar/usage/floatingnavbar.tsx",
      "content": "import * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Home, Menu, MessageSquare, Plus, Settings, Users } from \"lucide-react\";\n\nexport default function Floatingnavbar() {\n  return (\n    // add fixed  to the nav class name to make the navbar stick to the bottom of the screen\n    <div className=\" bottom-6 left-0 right-0 flex justify-center\">\n      <nav className=\"flex items-center justify-center space-x-4 rounded-full border bg-background p-2 shadow-lg\">\n        <Button variant=\"ghost\" size=\"icon\" className=\"rounded-full\">\n          <Home className=\"h-5 w-5\" />\n          <span className=\"sr-only\">Home</span>\n        </Button>\n        <Button variant=\"ghost\" size=\"icon\" className=\"rounded-full\">\n          <Users className=\"h-5 w-5\" />\n          <span className=\"sr-only\">Users</span>\n        </Button>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              size=\"icon\"\n              className=\"rounded-full bg-primary text-primary-foreground\"\n            >\n              <Plus className=\"h-5 w-5\" />\n              <span className=\"sr-only\">Add</span>\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"center\">\n            <DropdownMenuItem>\n              <Users className=\"mr-2 h-4 w-4\" />\n              New Team\n            </DropdownMenuItem>\n            <DropdownMenuItem>\n              <MessageSquare className=\"mr-2 h-4 w-4\" />\n              New Chat\n            </DropdownMenuItem>\n            <DropdownMenuItem>\n              <Settings className=\"mr-2 h-4 w-4\" />\n              Settings\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n        <Button variant=\"ghost\" size=\"icon\" className=\"rounded-full\">\n          <MessageSquare className=\"h-5 w-5\" />\n          <span className=\"sr-only\">Messages</span>\n        </Button>\n        <Button variant=\"ghost\" size=\"icon\" className=\"rounded-full\">\n          <Menu className=\"h-5 w-5\" />\n          <span className=\"sr-only\">Menu</span>\n        </Button>\n      </nav>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/spectrumui/floatingnavbar.tsx"
    }
  ],
  "type": "registry:component"
}