"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BE_NO_ADDONS_FOUND_BLOCK = void 0;
exports.default = AddonsNotFoundBlock;
const react_1 = __importDefault(require("react"));
const react_i18next_1 = require("react-i18next");
const Translation_1 = require("translations/Translation");
const Headline_1 = __importDefault(require("../../generic/Headline"));
const Text_1 = __importDefault(require("../../generic/Text"));
const DIProvider_1 = require("../../../providers/DIProvider");
const Color_1 = require("../../../util/Color");
const TravelerNotfound_1 = __importDefault(require("../../graphics/TravelerNotfound"));
function OriginalAddonsNotFoundBlock() {
    const { t } = (0, react_i18next_1.useTranslation)();
    return (react_1.default.createElement("div", { className: "u-align-center" },
        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
            react_1.default.createElement(TravelerNotfound_1.default, null)),
        react_1.default.createElement("div", { className: "u-marg-bottom" },
            react_1.default.createElement(Headline_1.default, { size: "large", bold: true }, t(Translation_1.Translation.Step.Addon.NotFound.Title))),
        react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Addon.NotFound.Message))));
}
exports.BE_NO_ADDONS_FOUND_BLOCK = 'BENoAddonsFoundBlock';
function AddonsNotFoundBlock() {
    return (0, DIProvider_1.withDI)(exports.BE_NO_ADDONS_FOUND_BLOCK, OriginalAddonsNotFoundBlock, null);
}
//# sourceMappingURL=AddonsNotFoundBlock.js.map