text: /* eslint  react/prop-types: 0 */
  import React from "react";
  
  module.exports = 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" />
            {this.props.headComponents}
            <meta name="apple-mobile-web-app-capable" content="yes" />
            <meta name="apple-mobile-web-app-status-bar-style" content="#D0E0D8" />
            <meta name="apple-mobile-web-app-title" content="Lazywill" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-57x57.png" sizes="57x57" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-60x60.png" sizes="60x60" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-72x72.png" sizes="72x72" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-76x76.png" sizes="76x76" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-114x114.png" sizes="114x114" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-120x120.png" sizes="120x120" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-144x144.png" sizes="144x144" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-152x152.png" sizes="152x152" />
            <link rel="apple-touch-icon" href="/icons/apple-icon-180x180.png" sizes="180x180" />
          </head>
          <body {...this.props.bodyAttributes}>
            {this.props.preBodyComponents}
            <div key={`body`} id="___gatsby" dangerouslySetInnerHTML={{ __html: this.props.body }} />
            {this.props.postBodyComponents}
          </body>
        </html>
      );
    }
  };
  