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);
};
import React from 'react';
import daiIcon from './../assets/icons/dai.svg';
import EthereumIcon from './../assets/icons/ether.svg';
import cardIcon from './../assets/topUp/card.svg';
import bankIcon from './../assets/topUp/bank.svg';
export var TopUpRadio = function (_a) {
    var id = _a.id, onClick = _a.onClick, checked = _a.checked, children = _a.children, className = _a.className, name = _a.name;
    return (React.createElement("label", { id: id, onClick: onClick, className: "top-up-radio-label " + (className || '') },
        React.createElement("input", { className: "top-up-radio", type: "radio", name: name, checked: checked, readOnly: true }),
        React.createElement("div", { className: "top-up-radio-inner" }, children)));
};
export var TopUpRadioCrypto = function (props) { return (React.createElement(TopUpRadio, __assign({}, props),
    React.createElement("div", { className: "top-up-method-icons" },
        React.createElement("img", { className: "top-up-method-icon", src: daiIcon, alt: "Dai" }),
        React.createElement("img", { className: "top-up-method-icon", src: EthereumIcon, alt: "Ethereum" })),
    React.createElement("p", { className: "top-up-method-title" }, "Crypto"),
    React.createElement("p", { className: "top-up-method-text" }, "Free-Deposit ETH or DAI"))); };
export var TopUpRadioFiat = function (props) { return (React.createElement(TopUpRadio, __assign({}, props),
    React.createElement("div", { className: "top-up-method-icons" },
        React.createElement("img", { className: "top-up-method-icon", src: cardIcon, alt: "card" }),
        React.createElement("img", { className: "top-up-method-icon", src: bankIcon, alt: "Dai" })),
    React.createElement("p", { className: "top-up-method-title" }, "Fiat"),
    React.createElement("p", { className: "top-up-method-text" }, "Buy using credit card or bank account"))); };
//# sourceMappingURL=TopUpRadio.js.map