text: import React from 'react'
  import PropTypes from 'prop-types'
  
  export default function HTML(props) {
    return (
      <html {...props.htmlAttributes}>
        <head>
          <meta charSet="utf-8" />
          <meta httpEquiv="x-ua-compatible" content="ie=edge" />
          <meta
            name="viewport"
            content="width=device-width, initial-scale=1, shrink-to-fit=no"
          />
          {props.headComponents}
          <link rel="preconnect" href="//s7.addthis.com" crossOrigin="true"/>
          <link
            rel="preload"
            href="/avenir-400.woff2"
            as="font"
            crossOrigin="anonymous"
            type="font/woff2"
          />
        </head>
        <body {...props.bodyAttributes}>
          {props.preBodyComponents}
          <noscript key="noscript" id="gatsby-noscript">
            This app works best with JavaScript enabled.
          </noscript>
          <div
            key={`body`}
            id="___gatsby"
            dangerouslySetInnerHTML={{ __html: props.body }}
          />
          {props.postBodyComponents}
          {/* <!-- Go to www.addthis.com/dashboard to customize your tools --> */}
          <script async
            type="text/javascript"
            src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5cc2cac8919668c0&async=1&domready=1"
          />
        </body>
      </html>
    )
  }
  
  HTML.propTypes = {
    htmlAttributes: PropTypes.object,
    headComponents: PropTypes.array,
    bodyAttributes: PropTypes.object,
    preBodyComponents: PropTypes.array,
    body: PropTypes.string,
    postBodyComponents: PropTypes.array
  }
  