{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "admonition-demo-interactive",
  "registryDependencies": [
    "@delta/admonition"
  ],
  "files": [
    {
      "path": "examples/admonition-demo-interactive.tsx",
      "content": "\"use client\"\n\nimport { useEffect, useState } from \"react\"\n\nimport { Admonition } from \"@/components/ui/admonition\"\n\nconst admonitionTypes = [\n  {\n    type: \"note\",\n    title: \"Note\",\n    content:\n      \"This is a note admonition. Use it to provide additional information that users should be aware of.\",\n  },\n  {\n    type: \"tip\",\n    title: \"Pro Tip\",\n    content:\n      \"This is a tip admonition. Perfect for sharing helpful advice or best practices.\",\n  },\n  {\n    type: \"info\",\n    title: \"Information\",\n    content:\n      \"This is an info admonition. Great for providing contextual information.\",\n  },\n  {\n    type: \"warning\",\n    title: \"Warning\",\n    content:\n      \"This is a warning admonition. Use it to alert users about potential issues or important considerations.\",\n  },\n  {\n    type: \"danger\",\n    title: \"Danger\",\n    content:\n      \"This is a danger admonition. Use it for critical warnings that users must pay attention to.\",\n  },\n  {\n    type: \"success\",\n    title: \"Success\",\n    content:\n      \"This is a success admonition. Great for confirming successful actions or positive outcomes.\",\n  },\n  {\n    type: \"caution\",\n    title: \"Caution\",\n    content:\n      \"This is a caution admonition. Use it for important warnings that require user attention.\",\n  },\n]\n\nexport default function AdmonitionDemoInteractive() {\n  const [currentIndex, setCurrentIndex] = useState(0)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCurrentIndex((prev) => (prev + 1) % admonitionTypes.length)\n    }, 1000)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  const currentAdmonition = admonitionTypes[currentIndex]\n\n  return (\n    <div className=\"max-w-md\">\n      <Admonition\n        type={currentAdmonition.type as any}\n        title={currentAdmonition.title}\n      >\n        {currentAdmonition.content}\n      </Admonition>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}