Function Markdown

src/Components/Markdown/Markdown.jsx:43–55

({children, resolveImage, className})

};

export default function Markdown({children, resolveImage, className}) {
    const components = {
        img: (props) => <ResolvedImage {...props} resolveImage={resolveImage}/>,
        a: ({node, ...props}) => <a {...props} target="_blank" rel="noopener noreferrer"/>,
    };
    return (
        <div className={"md-body" + (className ? ` ${className}` : "")}>
            <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]} components={components} urlTransform={urlTransform}>
                {children ?? ""}
            </ReactMarkdown>
        </div>
    );
}