"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"));
exports.TransferAmount = function (_a) {
    var value = _a.value, tokenSymbol = _a.tokenSymbol, errors = _a.errors, onChange = _a.onChange;
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement("div", { className: "transfer-amount-row" },
            react_1.default.createElement("label", { className: "transfer-amount-label", htmlFor: "amount-eth" }, "Amount")),
        react_1.default.createElement("div", { className: "transfer-amount-input-wrapper" },
            react_1.default.createElement("div", { className: "transfer-amount-input-content" },
                react_1.default.createElement("input", { id: "amount-eth", type: "number", className: "transfer-amount-input", value: value, onChange: function (event) { return onChange(event.target.value); } }),
                react_1.default.createElement("span", { className: "transfer-amount-code" }, tokenSymbol)),
            errors.length > 0 && react_1.default.createElement("div", { className: "hint transfer-amount-hint" }, errors[0]))));
};
//# sourceMappingURL=TransferAmount.js.map