import DOMPurify from "dompurify"
import { marked } from "marked"
import markedKatex from "marked-katex-extension"
import "katex/dist/katex.min.css"

marked.use(markedKatex({ throwOnError: false }))
marked.use({ breaks: true })

export function renderMarkdown(source: string): string {
  return DOMPurify.sanitize(marked.parse(source) as string)
}

export default renderMarkdown