18 lines
449 B
TypeScript
18 lines
449 B
TypeScript
|
import React from "react"
|
||
|
|
|
||
|
|
interface MarkdownRendererProps {
|
||
|
|
/** HTML string processed by vite-plugin-markdown */
|
||
|
|
html: string
|
||
|
|
/** Optional custom class name */
|
||
|
|
className?: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function MarkdownRenderer({ html, className = "" }: MarkdownRendererProps) {
|
||
|
|
return (
|
||
|
|
<article
|
||
|
|
className={`prose prose-slate max-w-none dark:prose-invert ${className}`}
|
||
|
|
dangerouslySetInnerHTML={{ __html: html }}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|