{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "context-menu-detail-description-example",
  "title": "Context Menu Detail Description",
  "description": "context-menu-detail-description-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/context-menu"
  ],
  "files": [
    {
      "path": "src/components/examples/controls/context-menu/context-menu-detail-description-example.tsx",
      "content": "'use client'\n\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuDescription,\n  ContextMenuItem,\n  ContextMenuLabel,\n} from '@/components/ui/context-menu'\nimport { Pressable } from 'react-aria-components'\n\nexport default function ContextMenuDetailDescriptionDemo() {\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>\n        {roles.map((item) => (\n          <ContextMenuItem key={item.id} textValue={item.name}>\n            <ContextMenuLabel>{item.name}</ContextMenuLabel>\n            <ContextMenuDescription>{item.description}</ContextMenuDescription>\n          </ContextMenuItem>\n        ))}\n      </ContextMenuContent>\n    </ContextMenu>\n  )\n}\n\nconst roles = [\n  {\n    id: 1,\n    name: 'Admin',\n    description: 'Has full access to all resources',\n  },\n  {\n    id: 2,\n    name: 'Editor',\n    description: 'Can edit content but has limited access to settings',\n  },\n  {\n    id: 3,\n    name: 'Viewer',\n    description: 'Can view content but cannot make changes',\n  },\n  {\n    id: 4,\n    name: 'Contributor',\n    description: 'Can contribute content for review',\n  },\n  {\n    id: 5,\n    name: 'Guest',\n    description: 'Limited access, mostly for viewing purposes',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/context-menu-detail-description-example/page.tsx"
    }
  ],
  "type": "registry:page"
}