UNPKG

@yandex/ui

Version:

Yandex UI components

17 lines (16 loc) 1.23 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.HasClear = void 0; var tslib_1 = require("tslib"); var react_1 = tslib_1.__importStar(require("react")); var bundle_1 = require("@yandex-lego/components/Textinput/desktop/bundle"); var HasClear = function () { var _a = tslib_1.__read(react_1.useState(''), 2), value1 = _a[0], setValue1 = _a[1]; var _b = tslib_1.__read(react_1.useState(''), 2), value2 = _b[0], setValue2 = _b[1]; return (react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement("div", { style: { padding: 4 } }, react_1.default.createElement(bundle_1.Textinput, { hasClear: true, size: "m", view: "default", value: value1, onChange: function (event) { return setValue1(event.target.value); }, onClearClick: function () { return setValue1(''); } })), react_1.default.createElement("div", { style: { padding: 4 } }, react_1.default.createElement(bundle_1.Textinput, { hasClear: true, size: "m", theme: "normal", value: value2, onChange: function (event) { return setValue2(event.target.value); }, onClearClick: function () { return setValue2(''); } })))); }; exports.HasClear = HasClear;