import React from 'react';
import { getStyleForTopLevelComponent } from '../../core/utils/getStyleForTopLevelComponent';
export var BackupCodesWrapper = function (_a) {
    var children = _a.children, className = _a.className;
    return (React.createElement("div", { className: "universal-login-backup" },
        React.createElement("div", { className: getStyleForTopLevelComponent(className) },
            React.createElement("div", { className: "backup" },
                React.createElement("div", null,
                    React.createElement("h2", { className: "backup-title" }, "Backup code"),
                    React.createElement("p", { className: "backup-subtitle" }, "If you lose all your devices you may not have other ways to recover your account.")),
                children))));
};
//# sourceMappingURL=BackupCodesWrapper.js.map