content: /* eslint-disable react/prefer-stateless-function */
  
  import React from 'react';
  import PropTypes from 'prop-types';
  
  export default class HTML extends React.Component {
    static propTypes = {
      htmlAttributes: PropTypes.object,
      headComponents: PropTypes.array,
      bodyAttributes: PropTypes.object,
      preBodyComponents: PropTypes.array,
      body: PropTypes.string,
      postBodyComponents: PropTypes.array,
    };
  
    static defaultProps = {
      htmlAttributes: null,
      headComponents: [],
      bodyAttributes: null,
      preBodyComponents: [],
      body: null,
      postBodyComponents: [],
    };
  
    render() {
      const {
        htmlAttributes,
        headComponents,
        bodyAttributes,
        preBodyComponents,
        body,
        postBodyComponents,
      } = this.props;
  
      return (
        <html lang="en" {...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" />
            <link rel="shortcut icon" href={`${process.env.__PATH_PREFIX__ || ''}/img/yomieda/favicon.png`} />
            {headComponents}
          </head>
          <body {...bodyAttributes}>
            {preBodyComponents}
            <div key="body" id="___gatsby" dangerouslySetInnerHTML={{ __html: body }} />
            {postBodyComponents}
          </body>
        </html>
      );
    }
  }
  