"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 RadioButton_1 = require("./RadioButton");
exports.GasPriceSpeedChoose = function (_a) {
    var gasModes = _a.gasModes, modeName = _a.modeName, onModeChanged = _a.onModeChanged;
    return (react_1.default.createElement("div", { className: "transaction-speed" },
        react_1.default.createElement("p", { className: "transaction-speed-title" }, "Transaction speed"),
        react_1.default.createElement("ul", { className: "transaction-speed-list" }, gasModes.map(function (_a) {
            var name = _a.name, usdAmount = _a.usdAmount;
            return (react_1.default.createElement("li", { key: name, className: "transaction-speed-item" },
                react_1.default.createElement(RadioButton_1.RadioButton, { id: name, name: "speed", checked: name === modeName, onClick: function () { return onModeChanged(name, usdAmount); } },
                    react_1.default.createElement("div", { className: "transaction-speed-block" },
                        react_1.default.createElement("p", { className: "transaction-speed-type" }, name)))));
        }))));
};
//# sourceMappingURL=GasPriceSpeed.js.map