{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dropdown-menu-5",
  "type": "registry:component",
  "title": "Dropdown Menu 5",
  "description": "Dropdown Menu 5. A menu that displays a list of actions or options when triggered, typically by a button or icon.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "button",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "components/watermelon/dropdown-menu-5.tsx",
      "type": "registry:component",
      "content": "'use client';\n\nimport {\n  FaFolderOpen,\n  FaFileCirclePlus,\n  FaClockRotateLeft,\n  FaDownload,\n  FaGear,\n  FaRightFromBracket,\n} from 'react-icons/fa6';\n\nimport { Button } from '@/components/base-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/base-ui/dropdown-menu';\n\nconst DropdownMenu5 = () => {\n  return (\n    <div>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" className=\"rounded-lg\">\n            Workspace\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent\n          align=\"center\"\n          className=\"bg-popover w-64 rounded-lg border p-1 shadow-md\"\n        >\n          <DropdownMenuGroup>\n            <DropdownMenuItem className=\"group flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n              <FaFileCirclePlus className=\"text-muted-foreground group-hover:text-foreground transition-all duration-200 group-hover:scale-110 group-hover:-rotate-6\" />\n              <span className=\"group-hover:text-foreground text-sm font-medium transition-colors\">\n                New File\n              </span>\n              <DropdownMenuShortcut>⌘ N</DropdownMenuShortcut>\n            </DropdownMenuItem>\n\n            <DropdownMenuItem className=\"group flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n              <FaFolderOpen className=\"text-muted-foreground group-hover:text-foreground transition-all duration-200 group-hover:translate-x-1 group-hover:scale-105\" />\n              <span className=\"group-hover:text-foreground text-sm font-medium transition-colors\">\n                Open Project\n              </span>\n              <DropdownMenuShortcut>⌘ O</DropdownMenuShortcut>\n            </DropdownMenuItem>\n\n            <DropdownMenuSeparator className=\"my-1\" />\n\n            <DropdownMenuItem className=\"group flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n              <FaClockRotateLeft className=\"text-muted-foreground group-hover:text-foreground transition-all duration-300 group-hover:rotate-180\" />\n              <span className=\"group-hover:text-foreground text-sm font-medium transition-colors\">\n                Recent\n              </span>\n              <DropdownMenuShortcut>⌘ R</DropdownMenuShortcut>\n            </DropdownMenuItem>\n\n            <DropdownMenuItem className=\"group flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n              <FaDownload className=\"text-muted-foreground group-hover:text-foreground transition-all duration-200 group-hover:translate-y-[1px] group-hover:scale-105\" />\n              <span className=\"group-hover:text-foreground text-sm font-medium transition-colors\">\n                Downloads\n              </span>\n              <DropdownMenuShortcut>⌘ ⇧ D</DropdownMenuShortcut>\n            </DropdownMenuItem>\n          </DropdownMenuGroup>\n\n          <DropdownMenuSeparator className=\"my-1\" />\n\n          <DropdownMenuGroup>\n            <DropdownMenuItem className=\"group flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n              <FaGear className=\"text-muted-foreground group-hover:text-foreground transition-all duration-300 group-hover:rotate-90\" />\n              <span className=\"group-hover:text-foreground text-sm font-medium transition-colors\">\n                Settings\n              </span>\n              <DropdownMenuShortcut>⌘ ,</DropdownMenuShortcut>\n            </DropdownMenuItem>\n\n            <DropdownMenuItem\n              className=\"group text-destructive focus:text-destructive flex cursor-pointer items-center gap-3 rounded-lg p-2\"\n              variant=\"destructive\"\n            >\n              <FaRightFromBracket className=\"transition-all duration-200 group-hover:translate-x-1 group-hover:scale-110\" />\n              <span className=\"text-sm font-medium\">Logout</span>\n              <DropdownMenuShortcut>⌘ ⇧ Q</DropdownMenuShortcut>\n            </DropdownMenuItem>\n          </DropdownMenuGroup>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n\nexport default DropdownMenu5;\n"
    }
  ]
}