import React from 'react';
export var TransferAmount = function (_a) {
    var value = _a.value, tokenSymbol = _a.tokenSymbol, errors = _a.errors, onChange = _a.onChange;
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: "transfer-amount-row" },
            React.createElement("label", { className: "transfer-amount-label", htmlFor: "amount-eth" }, "Amount")),
        React.createElement("div", { className: "transfer-amount-input-wrapper" },
            React.createElement("div", { className: "transfer-amount-input-content" },
                React.createElement("input", { id: "amount-eth", type: "number", className: "transfer-amount-input", value: value, onChange: function (event) { return onChange(event.target.value); } }),
                React.createElement("span", { className: "transfer-amount-code" }, tokenSymbol)),
            errors.length > 0 && React.createElement("div", { className: "hint transfer-amount-hint" }, errors[0]))));
};
//# sourceMappingURL=TransferAmount.js.map