"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");
var calculateTransactionFee_1 = require("../../../core/utils/calculateTransactionFee");
var getIconForToken_1 = require("../../../core/utils/getIconForToken");
exports.SelectedGasPrice = function (_a) {
    var modeName = _a.modeName, gasLimit = _a.gasLimit, gasOption = _a.gasOption, usdAmount = _a.usdAmount, onClick = _a.onClick;
    return (react_1.default.createElement("div", { className: "gas-price-selected" },
        react_1.default.createElement("div", { className: "gas-price-selected-row" },
            react_1.default.createElement("div", null,
                react_1.default.createElement("div", { className: "transaction-fee-details" },
                    react_1.default.createElement("img", { src: getIconForToken_1.getIconForToken(gasOption.token.symbol), alt: "", className: "transaction-fee-item-icon" }),
                    react_1.default.createElement("div", null,
                        react_1.default.createElement("p", { className: "transaction-fee-amount-usd" },
                            calculateTransactionFee_1.calculateTransactionFee(usdAmount, gasLimit),
                            " USD"),
                        react_1.default.createElement("p", { className: "transaction-fee-amount" },
                            commons_1.safeMultiply(gasOption.gasPrice, gasLimit),
                            " ",
                            gasOption.token.symbol)))),
            react_1.default.createElement("hr", { className: "gas-price-selected-divider" }),
            react_1.default.createElement("div", null,
                react_1.default.createElement("p", { className: "transaction-speed-type" }, modeName))),
        react_1.default.createElement("button", { className: "gas-price-btn", onClick: onClick })));
};
//# sourceMappingURL=SelectedGasPrice.js.map