text: import React from 'react'
  import PropTypes from 'prop-types'
  
  export default class HTML extends React.Component {
    render() {
      return (
        <html {...this.props.htmlAttributes}>
          <head>
            <meta charSet="utf-8" />
            <meta httpEquiv="x-ua-compatible" content="ie=edge" />
            <meta
              name="google-site-verification"
              content="tZUYpRdtaqRYb1yWzKAKYLs1_pODltwdYXWYaXM_grQ"
            />
            <meta
              name="viewport"
              content="width=device-width, initial-scale=1, shrink-to-fit=no"
            />
            <link
              rel="stylesheet"
              href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap"
            />
            {this.props.headComponents}
          </head>
          <body {...this.props.bodyAttributes}>
            <noscript>
              You have to enable JavaScript to run this application.
            </noscript>
            {this.props.preBodyComponents}
            <div
              key={`body`}
              id="___gatsby"
              dangerouslySetInnerHTML={{ __html: this.props.body }}
            />
            {this.props.postBodyComponents}
  
            {/* <script
              async={true}
              src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
            /> */}
          </body>
        </html>
      )
    }
  }
  
  HTML.propTypes = {
    htmlAttributes: PropTypes.object,
    headComponents: PropTypes.array,
    bodyAttributes: PropTypes.object,
    preBodyComponents: PropTypes.array,
    body: PropTypes.string,
    postBodyComponents: PropTypes.array,
  }
  