22 lines
624 B
TypeScript
22 lines
624 B
TypeScript
import ReactMarkdown from 'react-markdown'
|
|
import remarkGfm from 'remark-gfm'
|
|
import { cn } from '@/lib/utils'
|
|
import { debugProps } from '@/lib/debug'
|
|
|
|
interface MarkdownProps {
|
|
children: string
|
|
className?: string
|
|
}
|
|
|
|
export function Markdown({ children, className }: MarkdownProps) {
|
|
return (
|
|
<div className={cn('prose prose-sm dark:prose-invert max-w-none', className)} {...debugProps('markdown', 'Markdown', 'components/markdown.tsx')}>
|
|
<ReactMarkdown
|
|
remarkPlugins={[remarkGfm]}
|
|
disallowedElements={['script', 'iframe']}
|
|
>
|
|
{children}
|
|
</ReactMarkdown>
|
|
</div>
|
|
)
|
|
}
|