{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "chain-of-thought-demo",
  "registryDependencies": [
    "https://taki-ui.com/r/chain-of-thought.json",
    "https://taki-ui.com/r/disclosure.json",
    "https://taki-ui.com/r/badge.json"
  ],
  "files": [
    {
      "path": "registry/new-york/examples/chain-of-thought-demo.tsx",
      "content": "\"use client\"\n\nimport { ImageIcon, SearchIcon } from \"lucide-react\"\n\nimport {\n  ChainOfThought,\n  ChainOfThoughtContent,\n  ChainOfThoughtHeader,\n  ChainOfThoughtImage,\n  ChainOfThoughtSearchResult,\n  ChainOfThoughtSearchResults,\n  ChainOfThoughtStep,\n} from \"@/registry/new-york/ai-elements/chain-of-thought\"\n\nexport default function ChainOfThoughtDemo() {\n  return (\n    <div className=\"w-full\">\n      <ChainOfThought defaultOpen>\n        <ChainOfThoughtHeader />\n        <ChainOfThoughtContent>\n          <ChainOfThoughtStep\n            icon={SearchIcon}\n            label=\"Searching for profiles for Hayden Bleasel\"\n            status=\"complete\"\n          >\n            <ChainOfThoughtSearchResults>\n              {[\n                \"https://www.x.com\",\n                \"https://www.instagram.com\",\n                \"https://www.github.com\",\n              ].map((website) => (\n                <ChainOfThoughtSearchResult key={website}>\n                  {new URL(website).hostname}\n                </ChainOfThoughtSearchResult>\n              ))}\n            </ChainOfThoughtSearchResults>\n          </ChainOfThoughtStep>\n\n          <ChainOfThoughtStep\n            icon={ImageIcon}\n            label=\"Found the profile photo for Hayden Bleasel\"\n            status=\"complete\"\n          >\n            <ChainOfThoughtImage caption=\"Hayden Bleasel's profile photo from x.com, showing a Ghibli-style man.\">\n              <img\n                src=\"https://avatar.vercel.sh/haydenbleasel\"\n                alt=\"Example profile\"\n                className=\"aspect-square h-[150px] rounded-md border object-cover\"\n              />\n            </ChainOfThoughtImage>\n          </ChainOfThoughtStep>\n\n          <ChainOfThoughtStep\n            label=\"Hayden Bleasel is an Australian product designer, software engineer, and founder. He is currently based in the United States working for Vercel, an American cloud application company.\"\n            status=\"complete\"\n          />\n\n          <ChainOfThoughtStep\n            icon={SearchIcon}\n            label=\"Searching for recent work...\"\n            status=\"active\"\n          >\n            <ChainOfThoughtSearchResults>\n              {[\"https://www.github.com\", \"https://www.dribbble.com\"].map(\n                (website) => (\n                  <ChainOfThoughtSearchResult key={website}>\n                    {new URL(website).hostname}\n                  </ChainOfThoughtSearchResult>\n                )\n              )}\n            </ChainOfThoughtSearchResults>\n          </ChainOfThoughtStep>\n        </ChainOfThoughtContent>\n      </ChainOfThought>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}