"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 BackupCodesWrapper_1 = require("./BackupCodesWrapper");
exports.BackupCodesView = function (_a) {
    var codes = _a.codes, printCodes = _a.printCodes, walletContract = _a.walletContract, className = _a.className;
    return (react_1.default.createElement(BackupCodesWrapper_1.BackupCodesWrapper, { className: className },
        react_1.default.createElement("div", { className: "backup-codes-list" },
            codes.map(function (code) {
                return react_1.default.createElement("div", { className: "backup-codes-item", key: code },
                    react_1.default.createElement("div", null,
                        react_1.default.createElement("p", { className: "backup-code-contract" }, walletContract),
                        react_1.default.createElement("p", { className: "backup-code" }, code)));
            }),
            react_1.default.createElement("div", { className: "backup-codes-buttons" },
                react_1.default.createElement("button", { onClick: printCodes, className: "backup-print-btn" }, "Print codes")),
            react_1.default.createElement("p", { className: "backup-subtitle" },
                react_1.default.createElement("strong", null, "Keep your generated recovery code safe.")))));
};
exports.default = exports.BackupCodesView;
//# sourceMappingURL=BackupCodesView.js.map