"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var CompanyLogo_1 = require("../commons/CompanyLogo");
var classFor_1 = require("../utils/classFor");
var ModalProgressBar_1 = require("../commons/ModalProgressBar");
require("../styles/base/onboardingModal.sass");
require("../styles/themes/UniLogin/onboardingModalThemeUniLogin.sass");
var ModalWrapper_1 = require("../Modals/ModalWrapper");
exports.OnboardingStepsWrapper = function (_a) {
    var children = _a.children, hideModal = _a.hideModal, message = _a.message, steps = _a.steps, progress = _a.progress;
    return react_1.default.createElement(ModalWrapper_1.ModalWrapper, { hideModal: hideModal, message: message },
        react_1.default.createElement("div", { className: classFor_1.useClassFor('onboarding-modal') },
            react_1.default.createElement(CompanyLogo_1.CompanyLogo, null),
            react_1.default.createElement("div", { className: classFor_1.classForComponent('onboarding-progress-wrapper') },
                react_1.default.createElement(ModalProgressBar_1.ModalProgressBar, { steps: steps, progress: progress })),
            react_1.default.createElement("div", { className: classFor_1.classForComponent('onboarding-modal-wrapper') },
                react_1.default.createElement("h1", { className: classFor_1.classForComponent('onboarding-modal-title') }, "Create or connect account"),
                react_1.default.createElement("p", { className: classFor_1.classForComponent('onboarding-modal-description') }, "Type a nickname to create account or your current username to login."),
                react_1.default.createElement("div", { className: classFor_1.classForComponent('onboarding-modal-input-section') },
                    react_1.default.createElement("p", { className: classFor_1.classForComponent('onboarding-modal-label') }, "Your nickname:"),
                    children))));
};
//# sourceMappingURL=OnboardingStepsWrapper.js.map