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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
            {this.props.headComponents}
            <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
            <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png" />
          </head>
          <body {...this.props.bodyAttributes}>
            {this.props.preBodyComponents}
            <div key={`body`} id="___gatsby" dangerouslySetInnerHTML={{ __html: this.props.body }} />
            {this.props.postBodyComponents}
          </body>
        </html>
      );
    }
  }
  
  HTML.propTypes = {
    htmlAttributes: PropTypes.object,
    headComponents: PropTypes.array,
    bodyAttributes: PropTypes.object,
    preBodyComponents: PropTypes.array,
    body: PropTypes.string,
    postBodyComponents: PropTypes.array
  };
  