content: import React from 'react';
  import PropTypes from 'prop-types';
  
  export default class HTML extends React.Component {
    render() {
      return (
        <html id='__fcc-html' {...this.props.htmlAttributes} lang='en'>
          <head>
            <meta charSet='utf-8' />
            <meta content='ie=edge' httpEquiv='x-ua-compatible' />
            <meta
              content='width=device-width, initial-scale=1, shrink-to-fit=no'
              name='viewport'
            />
            <link
              href={
                'https://cdn.freecodecamp.org/compiled/bootstrap/v3/css/' +
                'bootstrap.min.css'
              }
              rel='stylesheet'
            />
            {this.props.headComponents}
          </head>
          <body {...this.props.bodyAttributes}>
            {this.props.preBodyComponents}
            <div
              className='tex2jax_ignore'
              dangerouslySetInnerHTML={{ __html: this.props.body }}
              id='___gatsby'
              key={'body'}
            />
            {this.props.postBodyComponents}
          </body>
        </html>
      );
    }
  }
  
  HTML.propTypes = {
    body: PropTypes.string,
    bodyAttributes: PropTypes.object,
    headComponents: PropTypes.array,
    htmlAttributes: PropTypes.object,
    postBodyComponents: PropTypes.array,
    preBodyComponents: PropTypes.array
  };
  