"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var common_1 = require("../common");
exports.default = (function () { return common_1.React.createElement(exports.UnsupportedBrowser, null); });
exports.UnsupportedBrowser = function (props) {
    var styles = {
        base: common_1.css({
            Absolute: 0,
            backgroundColor: common_1.constants.COLORS.BLUE,
            Flex: 'center-center',
            color: 'white',
            lineHeight: '1.5em',
        }),
        contentOuter: common_1.css({ marginBottom: '10%' }),
        hr: common_1.css({
            borderTop: "solid 5px " + common_1.color.format(0.3),
            marginTop: 12,
            paddingTop: 12,
        }),
    };
    return (common_1.React.createElement("div", tslib_1.__assign({}, styles.base),
        common_1.React.createElement("div", tslib_1.__assign({}, styles.contentOuter),
            common_1.React.createElement("div", null, "Friends don\u2019t let friends use Internet Explorer!"),
            common_1.React.createElement("div", tslib_1.__assign({}, styles.hr), "We love you, but alas not this browser."),
            common_1.React.createElement("div", null, "We recommend reloading in Chrome or Firefox."),
            common_1.React.createElement("div", null, "Thank you."))));
};
//# sourceMappingURL=browser.js.map