shadcn/app/public/registry/styles/default/ai-model-selector-navigation-bar-demo.json

{
  "name": "ai-model-selector-navigation-bar-demo",
  "registryDependencies": [
    "ai-model-selector-navigation-bar"
  ],
  "files": [
    {
      "name": "ai-model-selector-navigation-bar-demo.tsx",
      "content": "import { AIModelSelectorNavigationBar } from \"@/registry/default/ui/ai-model-selector-navigation-bar\"\n\nexport default function AiModelSelectorNavigationBarDemo() {\n  const models = [\n    {\n      id: \"gpt-4\",\n      name: \"GPT-4\",\n      provider: \"OpenAI\",\n      description: \"Most capable model for complex tasks\",\n    },\n    {\n      id: \"gpt-3.5-turbo\",\n      name: \"GPT-3.5 Turbo\",\n      provider: \"OpenAI\",\n      description: \"Fast and efficient for most tasks\",\n    },\n    {\n      id: \"claude-3-opus\",\n      name: \"Claude 3 Opus\",\n      provider: \"Anthropic\",\n      description: \"Advanced reasoning and analysis\",\n    },\n  ]\n\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center p-8\">\n      <AIModelSelectorNavigationBar models={models} currentModel=\"gpt-4\" />\n    </div>\n  )\n}\n"
    }
  ],
  "type": "components:example"
}