import ReactMarkdown from 'react-markdown'; import { Anchor, Blockquote, Code, List, Text, Title } from '@mantine/core'; import classes from './MarkdownMessage.module.css'; interface MarkdownMessageProps { content: string; } export function MarkdownMessage({ content }: MarkdownMessageProps) { return (
( {children} ), h1: ({ children }) => ( {children} ), h2: ({ children }) => ( {children} ), h3: ({ children }) => ( {children} ), code: ({ className, children, ...props }) => { const isInline = !className; if (isInline) { return {children}; } return ( {children} ); }, pre: ({ children }) =>
{children}
, ul: ({ children }) => ( {children} ), ol: ({ children }) => ( {children} ), li: ({ children }) => {children}, a: ({ href, children }) => ( {children} ), blockquote: ({ children }) =>
{children}
, strong: ({ children }) => ( {children} ), em: ({ children }) => ( {children} ), }} > {content}
); }