import React from 'react';
import PropTypes from 'prop-types';
let stylesStr;
if (process.env.NODE_ENV === 'production') {
try {
// eslint-disable-next-line global-require, import/no-unresolved, import/no-webpack-loader-syntax
stylesStr = require('!raw-loader!../public/styles.css');
} catch (e) {
console.log(e);
}
}
const html = ({
htmlAttributes,
bodyAttributes,
body,
preBodyComponents,
postBodyComponents,
headComponents,
}) => {
let css;
if (process.env.NODE_ENV === 'production') {
css = (
);
}
return (
// eslint-disable-next-line jsx-a11y/html-has-lang
{headComponents}
{css}
{preBodyComponents}
{postBodyComponents}
);
};
html.propTypes = {
// eslint-disable-next-line react/forbid-prop-types
htmlAttributes: PropTypes.object,
// eslint-disable-next-line react/forbid-prop-types
bodyAttributes: PropTypes.object,
body: PropTypes.string.isRequired,
// eslint-disable-next-line react/forbid-prop-types
preBodyComponents: PropTypes.array.isRequired,
// eslint-disable-next-line react/forbid-prop-types
postBodyComponents: PropTypes.array.isRequired,
// eslint-disable-next-line react/forbid-prop-types
headComponents: PropTypes.array.isRequired,
};
html.defaultProps = {
htmlAttributes: {},
bodyAttributes: {},
};
export default html;