{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dropdown-menu-4",
  "type": "registry:component",
  "title": "Dropdown Menu 4",
  "description": "Dropdown Menu 4. 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-4.tsx",
      "type": "registry:component",
      "content": "'use client';\n\nimport { FaRegEdit, FaRegCopy, FaRegStar, FaTrashAlt } from 'react-icons/fa';\n\nimport { Button } from '@/components/base-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/base-ui/dropdown-menu';\n\nconst DropdownMenu4 = () => {\n  return (\n    <div >\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" className=\"rounded-lg\">\n            Options\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent\n          align=\"start\"\n          className=\"bg-popover w-56 rounded-lg border p-1 shadow-md\"\n        >\n          <DropdownMenuItem className=\"flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n            <FaRegEdit className=\"text-muted-foreground\" />\n            <div className=\"flex flex-col\">\n              <span className=\"text-sm font-medium\">Edit</span>\n              <span className=\"text-muted-foreground text-xs\">\n                Modify details\n              </span>\n            </div>\n          </DropdownMenuItem>\n\n          <DropdownMenuItem className=\"flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n            <FaRegCopy className=\"text-muted-foreground\" />\n            <div className=\"flex flex-col\">\n              <span className=\"text-sm font-medium\">Duplicate</span>\n              <span className=\"text-muted-foreground text-xs\">\n                Create a copy\n              </span>\n            </div>\n          </DropdownMenuItem>\n\n          <DropdownMenuItem className=\"flex cursor-pointer items-center gap-3 rounded-lg p-2\">\n            <FaRegStar className=\"text-muted-foreground\" />\n            <div className=\"flex flex-col\">\n              <span className=\"text-sm font-medium\">Favorite</span>\n              <span className=\"text-muted-foreground text-xs\">\n                Pin for quick access\n              </span>\n            </div>\n          </DropdownMenuItem>\n\n          <DropdownMenuSeparator className=\"my-1\" />\n\n          <DropdownMenuItem className=\"text-destructive   flex cursor-pointer items-center gap-3 rounded-lg p-2\" variant='destructive'>\n            <FaTrashAlt />\n            <div className=\"flex flex-col\">\n              <span className=\"text-sm font-medium\">Delete</span>\n              <span className=\"text-xs opacity-70\">Permanently remove</span>\n            </div>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n\nexport default DropdownMenu4;\n"
    }
  ]
}