{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-ai-search-modal",
  "title": "Search Modal Demo",
  "description": "Demo of the Search Modal component.",
  "registryDependencies": [
    "odyssey/components-ai-search-modal"
  ],
  "files": [
    {
      "path": "registry/demo/components/ai/search-modal/index.tsx",
      "content": "'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@/components/ui/button';\nimport { HugeiconsIcon } from '@hugeicons/react';\nimport { Search01Icon } from '@hugeicons/core-free-icons';\nimport SearchModal from '@/components/odyssey/components/ai/search-modal';\n\nexport default function SearchModalDemo() {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className=\"flex min-h-[500px] items-center justify-center\">\n      <Button\n        variant=\"outline\"\n        onClick={() => setOpen(true)}\n        className=\"flex items-center gap-2\"\n      >\n        <HugeiconsIcon icon={Search01Icon} className=\"size-4\" strokeWidth={2} />\n        Search chats...\n        <kbd className=\"ml-2 rounded border border-border/50 bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n          ⌘K\n        </kbd>\n      </Button>\n\n      <SearchModal\n        open={open}\n        onClose={() => setOpen(false)}\n        onNewChat={() => console.log('New chat')}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/odyssey/demo/ai/search-modal.tsx"
    }
  ],
  "type": "registry:ui"
}