react-saasify-chrisvxd/src/components/Markdown/Markdown.js

React components for Saasify web clients.

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import ReactMarkdown from 'react-markdown'
import theme from 'lib/theme'

import { CodeBlock } from '../CodeBlock'
import styles from './styles.module.css'

export class Markdown extends Component {
  static propTypes = {
    source: PropTypes.string.isRequired,
    renderers: PropTypes.object
  }

  static defaultProps = {
    renderers: { }
  }

  render () {
    const {
      source,
      renderers,
      ...rest
    } = this.props

    return (
      <ReactMarkdown
        className={theme(styles, 'markdown')}
        source={source}
        escapeHtml={false}
        linkTarget='_blank'
        renderers={{
          code: CodeBlock,
          ...renderers
        }}
        {...rest}
      />
    )
  }
}