import React from 'react';
import { BackupCodesWrapper } from './BackupCodesWrapper';
export var BackupCodesView = function (_a) {
    var codes = _a.codes, printCodes = _a.printCodes, walletContract = _a.walletContract, className = _a.className;
    return (React.createElement(BackupCodesWrapper, { className: className },
        React.createElement("div", { className: "backup-codes-list" },
            codes.map(function (code) {
                return React.createElement("div", { className: "backup-codes-item", key: code },
                    React.createElement("div", null,
                        React.createElement("p", { className: "backup-code-contract" }, walletContract),
                        React.createElement("p", { className: "backup-code" }, code)));
            }),
            React.createElement("div", { className: "backup-codes-buttons" },
                React.createElement("button", { onClick: printCodes, className: "backup-print-btn" }, "Print codes")),
            React.createElement("p", { className: "backup-subtitle" },
                React.createElement("strong", null, "Keep your generated recovery code safe.")))));
};
export default BackupCodesView;
//# sourceMappingURL=BackupCodesView.js.map