"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
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 dai_svg_1 = __importDefault(require("./../assets/icons/dai.svg"));
var ether_svg_1 = __importDefault(require("./../assets/icons/ether.svg"));
var card_svg_1 = __importDefault(require("./../assets/topUp/card.svg"));
var bank_svg_1 = __importDefault(require("./../assets/topUp/bank.svg"));
exports.TopUpRadio = function (_a) {
    var id = _a.id, onClick = _a.onClick, checked = _a.checked, children = _a.children, className = _a.className, name = _a.name;
    return (react_1.default.createElement("label", { id: id, onClick: onClick, className: "top-up-radio-label " + (className || '') },
        react_1.default.createElement("input", { className: "top-up-radio", type: "radio", name: name, checked: checked, readOnly: true }),
        react_1.default.createElement("div", { className: "top-up-radio-inner" }, children)));
};
exports.TopUpRadioCrypto = function (props) { return (react_1.default.createElement(exports.TopUpRadio, __assign({}, props),
    react_1.default.createElement("div", { className: "top-up-method-icons" },
        react_1.default.createElement("img", { className: "top-up-method-icon", src: dai_svg_1.default, alt: "Dai" }),
        react_1.default.createElement("img", { className: "top-up-method-icon", src: ether_svg_1.default, alt: "Ethereum" })),
    react_1.default.createElement("p", { className: "top-up-method-title" }, "Crypto"),
    react_1.default.createElement("p", { className: "top-up-method-text" }, "Free-Deposit ETH or DAI"))); };
exports.TopUpRadioFiat = function (props) { return (react_1.default.createElement(exports.TopUpRadio, __assign({}, props),
    react_1.default.createElement("div", { className: "top-up-method-icons" },
        react_1.default.createElement("img", { className: "top-up-method-icon", src: card_svg_1.default, alt: "card" }),
        react_1.default.createElement("img", { className: "top-up-method-icon", src: bank_svg_1.default, alt: "Dai" })),
    react_1.default.createElement("p", { className: "top-up-method-title" }, "Fiat"),
    react_1.default.createElement("p", { className: "top-up-method-text" }, "Buy using credit card or bank account"))); };
//# sourceMappingURL=TopUpRadio.js.map