{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "circular-navbar",
  "title": "Circular Navbar",
  "description": "component for the Circular Navbar",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "avatar",
    "button"
  ],
  "files": [
    {
      "path": "app/registry/navbar/usage/circular.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport { Button } from \"@/components/ui/button\";\nimport { Bell, Home, Search, Settings } from \"lucide-react\";\n\nexport default function CircularNavbar() {\n  return (\n    // add fixed  to the nav class name to make the navbar stick to the bottom of the screen\n    <nav className=\" bottom-0 left-0 right-0 border-t bg-background p-4 backdrop-blur-xs\">\n      <div className=\"container mx-auto flex items-center justify-between\">\n        <Button size=\"icon\" className=\"rounded-full\" variant=\"ghost\">\n          <Home className=\"h-6 w-6\" />\n          <span className=\"sr-only\">Home</span>\n        </Button>\n        <Button size=\"icon\" className=\"rounded-full\" variant=\"ghost\">\n          <Search className=\"h-6 w-6\" />\n          <span className=\"sr-only\">Search</span>\n        </Button>\n        <Button\n          size=\"icon\"\n          className=\"rounded-full bg-primary text-primary-foreground\"\n        >\n          <Bell className=\"h-6 w-6\" />\n          <span className=\"sr-only\">Notifications</span>\n        </Button>\n        <Button size=\"icon\" className=\"rounded-full\" variant=\"ghost\">\n          <Settings className=\"h-6 w-6\" />\n          <span className=\"sr-only\">Settings</span>\n        </Button>\n        <Avatar>\n          <AvatarImage src=\"/placeholder-user.jpg\" alt=\"User\" />\n          <AvatarFallback>U</AvatarFallback>\n        </Avatar>\n      </div>\n    </nav>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/spectrumui/circularnavbar.tsx"
    }
  ],
  "type": "registry:component"
}