content: import React from 'react'
  import moment from 'moment'
  import Helmet from 'react-helmet'
  import ReadNext from 'components/ReadNext/ReadNext'
  import Bio from 'components/Bio/Bio'
  import { rhythm } from 'utils/typography'
  import { config } from 'config'
  import Bio from 'components/Bio/Bio'
  
  import '../css/atom-one-dark.css'
  import '../css/syntax.less'
  
  class MarkdownWrapper extends React.Component {
    renderDate(post) {
      return post.date ? (
        <span className="date-posted">
          Posted on {moment(post.date).format('MMMM DD, YYYY')}
        </span>
      ) : null
    }
    render() {
      const { route } = this.props
      const post = route.page.data
  
      return (
        <div className="markdown">
          <Helmet title={`${post.title} | ${config.blogTitle}`} />
          <h1 style={{ marginTop: 0 }}>{post.title}</h1>
          {this.renderDate(post)}
          <div dangerouslySetInnerHTML={{ __html: post.body }} />
  
          <hr
            style={{
              marginBottom: rhythm(2)
            }}
          />
          <ReadNext post={post} pages={route.pages} />
          <Bio />
        </div>
      )
    }
  }
  
  MarkdownWrapper.propTypes = {
    route: React.PropTypes.object
  }
  
  export default MarkdownWrapper
  