import React, { Component } from 'react';
import { Row } from 'antd';
import { withRouter } from 'react-router';
import './index.less';

@withRouter
export default class extends Component {
  componentDidMount() {
    if(this.props.mdName) {
      /* eslint-disable */
      const htmlContent = require(`../../md/${this.props.mdName}`);
      this.mdCtrl.innerHTML = htmlContent;
    }
  }

  render() {
    return (
      <Row className="md-wrap">
        <div ref={ref => { this.mdCtrl = ref; }} />
      </Row>
    );
  }
}