import React from 'react';
import { FACEBOOK_APP_ID } from 'src/bootstrap/api/config';
import { oneRouter } from '@skava/router';
import { Body } from './Body';
import { BodyScripts } from './BodyScripts';
const primaryColor = '#25A9E0';
class HTML extends React.PureComponent {
    render() {
        const { htmlAttributes, headerElements, bodyElements, appBodyString } = this.props;
        const language = process.env.HTML_LOCALE;
        /**
         * @todo may be able to remove this
         */
        const serverSideRenderedAppView = (React.createElement("div", { key: "sudo", id: "sudo" },
            React.createElement(Body, null, appBodyString)));
        /**
         * @see https://css-tricks.com/prefetching-preloading-prebrowsing/#article-header-id-3
         */
        return (React.createElement("html", Object.assign({ lang: language }, htmlAttributes),
            React.createElement("head", null,
                React.createElement("meta", { name: "theme-color", content: primaryColor }),
                React.createElement("meta", { property: "og:url", content: oneRouter.full }),
                React.createElement("meta", { property: "og:site_name", content: "SkavaStore" }),
                React.createElement("meta", { property: "og:locale", content: "en_US" }),
                React.createElement("meta", { property: "og:locale:alternate", content: "fr_FR" }),
                React.createElement("meta", { property: "og:locale:alternate", content: "es_ES" }),
                React.createElement("meta", { property: "fb:app_id", content: FACEBOOK_APP_ID }),
                React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1, shrink-to-fit=no" }),
                React.createElement("link", { rel: "manifest", href: "/manifest.json" }),
                React.createElement("link", { rel: "dns-prefetch", href: "//fonts.googleapis.com/" }),
                React.createElement("link", { rel: "dns-prefetch", href: "//raderain.sirv.com/" }),
                React.createElement("link", { rel: "dns-prefetch", href: "//raderain-cdn.sirv.com" }),
                headerElements),
            React.createElement(BodyScripts, null),
            React.createElement("body", null,
                React.createElement("noscript", null, "You need to enable JavaScript to run this app."),
                serverSideRenderedAppView,
                bodyElements)));
    }
}
HTML.defaultProps = {
    htmlAttributes: {
        'lang': process.env.HTML_LOCALE,
        'xmlns:og': 'http://ogp.me/ns#',
    },
    headerElements: undefined,
    bodyElements: undefined,
    appBodyString: '',
};
export { HTML };
//# sourceMappingURL=HTML.js.map