function MarkdownOutput(props) {
    const { id, className, style, value, variant } = props;
    const renderer = variant === 'inline' ? inlineRenderer : defaultRenderer;
    const result = useMarkdownToReact(value, renderer);
    return (
        <StyledContainer id={id} className={className} style={style} variant={variant}>
            {result}
        </StyledContainer>
    );
}
MarkdownOutput renders Markdown text in browser.
It is based on highlight.js, to customize the code blocks you can use highlight.js themes.
@category Form