@yandex/ui/withDebounceInput/examples/default.examples.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var withDebounceInput_1 = require("@yandex-lego/components/withDebounceInput");
var desktop_1 = require("@yandex-lego/components/Textinput/Textinput.bundle/desktop");
var DebouncedInput = withDebounceInput_1.withDebounceInput(desktop_1.Textinput);
var Default = function () {
    var _a = tslib_1.__read(react_1.useState(''), 2), value = _a[0], setValue = _a[1];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(DebouncedInput, { value: value, onChange: function (e) { return setValue(e.target.value); }, debounceTimeout: 100, view: "default", size: "m" }),
        " ",
        react_1.default.createElement("br", null),
        " ",
        react_1.default.createElement("br", null),
        react_1.default.createElement("b", null, "Value:"),
        " ",
        value));
};
exports.Default = Default;