{"size": 409, "ext": "js", "max_stars_repo_path": "src/components/templates/BlogPost.js", "max_stars_repo_name": "KwanMan/tkwan.xyz", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/templates/BlogPost.js", "max_issues_repo_name": "KwanMan/tkwan.xyz", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/templates/BlogPost.js", "max_forks_repo_name": "KwanMan/tkwan.xyz", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 22.7222222222, "max_line_length": 50, "alphanum_fraction": 0.6479217604}
import React from 'react'
import format from 'date-fns/format'
import { withRouteData } from 'react-static'
import Markdown from '../molecules/Markdown'

const BlogPost = props => {
  const { content, meta } = props
  return (
    <div>
      <h1>{meta.title}</h1>
      <h3>{format(meta.date, 'Do MMMM YYYY')}</h3>
      <Markdown source={content} />
    </div>
  )
}

export default withRouteData(BlogPost)
