{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "markdown-content-demo",
	"type": "registry:example",
	"files": [
		{
			"path": "./src/registry/examples/markdown-content-demo.tsx",
			"content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { MarkdownContent } from \"@/registry/ui/markdown-content\";\n\nexport default function MarkdownContentDemo() {\n\tconst [content] = useState(\n\t\t`# Markdown Example\n\nThis is a sample paragraph that demonstrates how markdown content can be rendered in your application. It shows various markdown elements working together.\n\n## Features List\n\n- Clean and simple syntax\n- Support for headings and paragraphs\n- Bullet point lists\n- Easy to read and write\n- Customizable styling\n\n## Text Formatting\n\nYou can make text **bold**, *italic*, or ***both***. You can also use ~~strikethrough~~ text.\n\n### Links and Images\n\nHere's a [link to GitHub](https://github.com) and below is a sample image:\n\n![Markdown Logo](https://markdown-here.com/img/icon256.png)\n\n### Code Examples\n\nInline code: \\`const greeting = \"Hello World!\"\\`\n\n#### Code Block\t\n\n\\`\\`\\`javascript\n// Code block\nfunction sayHello() {\n  console.log(\"Hello!\");\n}\n\\`\\`\\`\n\n### Blockquotes\n\n> This is a blockquote\n> It can span multiple lines\n>> And can be nested\n\n### Tables\n\n| Header 1 | Header 2 | Header 3 |\n|----------|----------|----------|\n| Row 1    | Data     | Data     |\n| Row 2    | Data     | Data     |\n\n### Task Lists\n\n- [x] Completed task\n- [ ] Pending task\n- [ ] Another task\n\n### Horizontal Rule\n\n---\n\n### Ordered List\n\n1. First item\n2. Second item\n3. Third item\n   1. Sub-item 1\n   2. Sub-item 2\n`,\n\t);\n\treturn (\n\t\t<div className=\"w-full max-h-[400px] overflow-y-auto\">\n\t\t\t<MarkdownContent content={content} />\n\t\t</div>\n\t);\n}\n",
			"type": "registry:example"
		}
	]
}