"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 TopUpRadio_1 = require("./TopUpRadio");
;
exports.ChooseTopUpMethodHeader = function (_a) {
    var topUpMethod = _a.topUpMethod, setTopUpMethod = _a.setTopUpMethod;
    return (react_1.default.createElement("div", { className: "top-up-header" },
        react_1.default.createElement("h2", { className: "top-up-title" }, "Choose a top-up method"),
        react_1.default.createElement("div", { className: "top-up-methods" },
            react_1.default.createElement(TopUpRadio_1.TopUpRadioCrypto, { id: "topup-btn-crypto", onClick: function () { return setTopUpMethod('crypto'); }, checked: topUpMethod === 'crypto', name: "top-up-method", className: "top-up-method " + (topUpMethod === 'crypto' ? 'active' : '') }),
            react_1.default.createElement(TopUpRadio_1.TopUpRadioFiat, { id: "topup-btn-fiat", onClick: function () { return setTopUpMethod('fiat'); }, checked: topUpMethod === 'fiat', name: "top-up-method", className: "top-up-method " + (topUpMethod === 'fiat' ? 'active' : '') }))));
};
//# sourceMappingURL=ChooseTopUpMethodHeader.js.map