Markdown Text

1import markdownit from "markdown-it"
2import { cn } from "@/lib/utils"
3import { ComponentProps } from "react"
4 
5const md = markdownit()
6 
7type MarkdownTextProps = {
8  text: string,
9  className?: string,
10} & ComponentProps<"div">
11 
12export default function MarkdownText({
13  text,
14  className,
15  ...props
16}: MarkdownTextProps) {
17  const html = md.render(text)
18  return (
19    <div dangerouslySetInnerHTML={{ __html: html }} className={cn("typeset", className)} {...props} />
20  )
21}