content: import React from 'react'
  import DocumentTitle from 'react-document-title'
  
  import { prefixLink } from 'gatsby-helpers'
  import { TypographyStyle } from 'typography-react'
  import typography from './utils/typography'
  
  const BUILD_TIME = new Date().getTime()
  
  module.exports = React.createClass({
    propTypes () {
      return {
        title: React.PropTypes.string,
      }
    },
    render () {
      const title = DocumentTitle.rewind()
  
      let css
      if (process.env.NODE_ENV === 'production') {
        css = <style dangerouslySetInnerHTML={{ __html: require('!raw!./public/styles.css') }} />
      }
  
      return (
        <html lang="en" style={{ height: '100%' }}>
          <head>
            <meta charSet="utf-8" />
            <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
            <meta
              name="viewport"
              content="width=device-width, initial-scale=1.0 maximum-scale=1.0"
            />
            <title>{title}</title>
            <link rel="shortcut icon" href={this.props.favicon} />
            <TypographyStyle typography={typography} />
            {css}
          </head>
          <body style={{ height: '100%' }}>
            <div
              id="react-mount"
              style={{ height: '100%' }}
              dangerouslySetInnerHTML={{ __html: this.props.body }}
            />
            <script src={prefixLink(`/bundle.js?t=${BUILD_TIME}`)} />
          </body>
        </html>
      )
    },
  })
  