"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 commons_1 = require("@universal-login/commons");
exports.ManageDevices = function (_a) {
    var devices = _a.devices, deployedWallet = _a.deployedWallet;
    return (react_1.default.createElement("div", null, devices.map(function (_a, index) {
        var contractAddress = _a.contractAddress, publicKey = _a.publicKey;
        return (react_1.default.createElement("div", { key: index },
            "device ",
            index,
            " : ",
            publicKey,
            react_1.default.createElement("button", { onClick: function () { return deployedWallet.removeKey(publicKey, { gasPrice: commons_1.DEFAULT_GAS_PRICE }); }, className: "settings-btn" }, "Remove this device")));
    })));
};
exports.default = exports.ManageDevices;
//# sourceMappingURL=ManageDevices.js.map