import React from 'react'

import markdownCompiler from 'markdown-to-jsx'

import {diffToHtml} from '../util/dubdiff'

const ShowMarkdown = (props) => {
  return <div>
    {
        props.text
          ? markdownCompiler(props.text)
          : props.diff
            ? markdownCompiler(diffToHtml(props.diff))
            : null
      }
  </div>
}

export default ShowMarkdown