"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_helmet_1 = __importDefault(require("react-helmet"));
const react_1 = __importDefault(require("react"));
/**
 * The is the HTML shell for our React Application.
 */
const HTML = (props) => {
    const { htmlAttributes = null, headerElements = null, bodyElements = null, appBodyString = '' } = props;
    return react_1.default.createElement("html", Object.assign({ style: { height: '100%' } }, htmlAttributes),
        react_1.default.createElement("head", null, headerElements),
        react_1.default.createElement("body", { style: { height: '100%' } },
            react_1.default.createElement("div", { className: "application" },
                react_1.default.createElement(react_helmet_1.default, null,
                    react_1.default.createElement("html", { lang: "en" }),
                    react_1.default.createElement("meta", { charSet: "utf-8" }),
                    react_1.default.createElement("meta", { name: "application-name", content: "BlueBase" }),
                    react_1.default.createElement("meta", { name: "description", content: "BlueBase" }),
                    react_1.default.createElement("meta", { httpEquiv: "X-UA-Compatible", content: "IE=edge" }),
                    react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
                    react_1.default.createElement("meta", { name: "msapplication-TileColor", content: "#2b2b2b" }),
                    react_1.default.createElement("meta", { name: "msapplication-TileImage", content: "/favicons/mstile-144x144.png" }),
                    react_1.default.createElement("meta", { name: "theme-color", content: "#2b2b2b" }),
                    react_1.default.createElement("title", null, "BlueBase"),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "152x152", href: "/favicons/apple-touch-icon-152x152.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "144x144", href: "/favicons/apple-touch-icon-144x144.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "120x120", href: "/favicons/apple-touch-icon-120x120.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "114x114", href: "/favicons/apple-touch-icon-114x114.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "76x76", href: "/favicons/apple-touch-icon-76x76.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "72x72", href: "/favicons/apple-touch-icon-72x72.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "57x57", href: "/favicons/apple-touch-icon-57x57.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon-precomposed", sizes: "60x60", href: "/favicons/apple-touch-icon-60x60.png" }),
                    react_1.default.createElement("link", { rel: "apple-touch-icon", sizes: "180x180", href: "/favicons/apple-touch-icon-180x180.png" }),
                    react_1.default.createElement("link", { rel: "mask-icon", href: "/favicons/safari-pinned-tab.svg", color: "#00a9d9" }),
                    react_1.default.createElement("link", { rel: "icon", type: "image/png", href: "/favicons/favicon-196x196.png", sizes: "196x196" }),
                    react_1.default.createElement("link", { rel: "icon", type: "image/png", href: "/favicons/favicon-128.png", sizes: "128x128" }),
                    react_1.default.createElement("link", { rel: "icon", type: "image/png", href: "/favicons/favicon-96x96.png", sizes: "96x96" }),
                    react_1.default.createElement("link", { rel: "icon", type: "image/png", href: "/favicons/favicon-32x32.png", sizes: "32x32" }),
                    react_1.default.createElement("link", { rel: "icon", sizes: "16x16 32x32", href: "/favicon.ico" }),
                    react_1.default.createElement("meta", { name: "msapplication-TileColor", content: "#2b2b2b" }),
                    react_1.default.createElement("meta", { name: "msapplication-TileImage", content: "/favicons/mstile-144x144.png" }),
                    react_1.default.createElement("meta", { name: "msapplication-square70x70logo", content: "/favicons/mstile-70x70.png" }),
                    react_1.default.createElement("meta", { name: "msapplication-square150x150logo", content: "/favicons/mstile-150x150.png" }),
                    react_1.default.createElement("meta", { name: "msapplication-wide310x150logo", content: "/favicons/mstile-310x150.png" }),
                    react_1.default.createElement("meta", { name: "msapplication-square310x310logo", content: "/favicons/mstile-310x310.png" }),
                    react_1.default.createElement("link", { rel: "manifest", href: "/manifest.json" }))),
            react_1.default.createElement("div", { id: "app", className: "app-container", style: { display: 'flex', height: '100%' }, dangerouslySetInnerHTML: { __html: appBodyString } }),
            bodyElements));
};
exports.default = HTML;
//# sourceMappingURL=index.js.map