text: import React from 'react';
  import PropTypes from 'prop-types';
  
  import theme from '!raw-loader!./scripts/theme.js';
  import tilt from '!raw-loader!./scripts/tilt.js';
  
  const themeScript = (
    <script
      dangerouslySetInnerHTML={{
        __html: theme
      }}
    />
  );
  
  const tiltScript = (
    <script
      dangerouslySetInnerHTML={{
        __html: tilt
      }}
    />
  );
  
  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}
        </head>
        <body {...props.bodyAttributes}>
          {themeScript}
          {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 }}
          />
          {tiltScript}
          {props.postBodyComponents}
        </body>
      </html>
    );
  }
  
  HTML.propTypes = {
    htmlAttributes: PropTypes.object,
    headComponents: PropTypes.array,
    bodyAttributes: PropTypes.object,
    preBodyComponents: PropTypes.array,
    body: PropTypes.string,
    postBodyComponents: PropTypes.array
  };
  