{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "markdown-text",
  "title": "Markdown Text",
  "description": "A text view that renders beautiful Typeset styled HTML from Markdown",
  "dependencies": [
    "markdown-it"
  ],
  "devDependencies": [
    "@types/markdown-it"
  ],
  "files": [
    {
      "path": "registry/components/ui/markdown-text.tsx",
      "content": "import markdownit from \"markdown-it\"\nimport { cn } from \"@/lib/utils\"\nimport { ComponentProps } from \"react\"\n\nconst md = markdownit()\n\ntype MarkdownTextProps = {\n  text: string,\n  className?: string,\n} & ComponentProps<\"div\">\n\nexport default function MarkdownText({\n  text,\n  className,\n  ...props\n}: MarkdownTextProps) {\n  const html = md.render(text)\n  return (\n    <div dangerouslySetInnerHTML={{ __html: html }} className={cn(\"typeset\", className)} {...props} />\n  )\n}",
      "type": "registry:ui",
      "target": "components/ui/markdown-text.tsx"
    }
  ],
  "type": "registry:ui"
}