{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "context-menu-with-icon-example",
  "title": "Context Menu With Icon",
  "description": "context-menu-with-icon-example",
  "dependencies": [
    "@heroicons/react",
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/context-menu"
  ],
  "files": [
    {
      "path": "src/components/examples/controls/context-menu/context-menu-with-icon-example.tsx",
      "content": "'use client'\n\nimport {\n  ArchiveBoxIcon,\n  DocumentIcon,\n  FolderOpenIcon,\n  PencilSquareIcon,\n  Square2StackIcon,\n  TrashIcon,\n} from '@heroicons/react/24/outline'\n\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n} from '@/components/ui/context-menu'\nimport { Pressable } from 'react-aria-components'\n\nexport default function ContextMenuWithIconDemo() {\n  return (\n    <ContextMenu>\n      <Pressable>\n        <div\n          role=\"button\"\n          className=\"flex aspect-video w-56 items-center justify-center rounded-xl border border-dashed text-sm\"\n        >\n          <span className=\"hidden pointer-fine:inline-block\">Right click here</span>\n          <span className=\"hidden pointer-coarse:inline-block\">Long press here</span>\n        </div>\n      </Pressable>\n      <ContextMenuContent className=\"min-w-52\">\n        <ContextMenuItem>\n          <FolderOpenIcon />\n          <ContextMenuLabel>Open Folder</ContextMenuLabel>\n        </ContextMenuItem>\n        <ContextMenuItem>\n          <DocumentIcon />\n          <ContextMenuLabel>Open File</ContextMenuLabel>\n        </ContextMenuItem>\n        <ContextMenuItem>\n          <ContextMenuLabel>Open with...</ContextMenuLabel>\n        </ContextMenuItem>\n        <ContextMenuSeparator />\n        <ContextMenuItem>\n          <PencilSquareIcon />\n          <ContextMenuLabel>Rename</ContextMenuLabel>\n        </ContextMenuItem>\n        <ContextMenuItem>\n          <Square2StackIcon />\n          <ContextMenuLabel>Duplicate</ContextMenuLabel>\n        </ContextMenuItem>\n        <ContextMenuItem>\n          <ContextMenuLabel>Share</ContextMenuLabel>\n        </ContextMenuItem>\n        <ContextMenuSeparator />\n        <ContextMenuItem>\n          <TrashIcon />\n          <ContextMenuLabel>Delete</ContextMenuLabel>\n          <ContextMenuShortcut>⌘←</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuItem>\n          <ArchiveBoxIcon />\n          <ContextMenuLabel>Bin</ContextMenuLabel>\n        </ContextMenuItem>\n      </ContextMenuContent>\n    </ContextMenu>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/context-menu-with-icon-example/page.tsx"
    }
  ],
  "type": "registry:page"
}