{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "snippet-example",
  "title": "Snippet",
  "description": "snippet-example",
  "registryDependencies": [
    "https://intentui.com/r/snippet"
  ],
  "files": [
    {
      "path": "src/components/examples/navigation/snippet/snippet-example.tsx",
      "content": "'use client'\n\nimport {\n  Snippet,\n  SnippetTab,\n  SnippetTabPanel,\n  SnippetTabPanels,\n  SnippetTabsList,\n} from '@/components/ui/snippet'\n\nconst commands = [\n  { id: 'npm', label: 'NPM', command: 'npm install react-aria-components' },\n  { id: 'pnpm', label: 'PNPM', command: 'pnpm add react-aria-components' },\n  { id: 'yarn', label: 'Yarn', command: 'yarn add react-aria-components' },\n  { id: 'bun', label: 'Bun', command: 'bun add react-aria-components' },\n]\n\nexport default function SnippetDemo() {\n  return (\n    <div data-slot=\"layout\" className=\"h-56 min-w-lg\">\n      <Snippet>\n        <SnippetTabsList items={commands}>\n          {(cmd) => <SnippetTab key={cmd.id}>{cmd.label}</SnippetTab>}\n        </SnippetTabsList>\n        <SnippetTabPanels items={commands}>\n          {(cmd) => <SnippetTabPanel id={cmd.id}>{cmd.command}</SnippetTabPanel>}\n        </SnippetTabPanels>\n      </Snippet>\n    </div>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/snippet-example/page.tsx"
    }
  ],
  "type": "registry:page"
}