var React = require('react')

module.exports = React.createClass({
  getInitialState: function(){
    return { lib: false }
  },
  componentDidMount: function(){
    require.ensure(['react-markdown'],_ => {
      if(this.isMounted()) this.setState({ MarkdownLib: require('react-markdown') })
    })
  },
  renderIfApplicable: function(){
    if(this.props.source){
      if(this.state.MarkdownLib){
        var MarkdownLib = this.state.MarkdownLib
        return <MarkdownLib source={this.props.source} skipHtml={true} />
      } else {
        return <p>{this.props.source}</p>
      }
    } else return <p>...</p>
  },
  render: function(){
    return this.renderIfApplicable()
  }
})