UNPKG

@yandex/ui

Version:

Yandex UI components

23 lines (22 loc) 1.46 kB
"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 withAutoFocus_1 = require("@yandex-lego/components/withAutoFocus"); var desktop_1 = require("@yandex-lego/components/Button/Button.bundle/desktop"); var desktop_2 = require("@yandex-lego/components/Textinput/Textinput.bundle/desktop"); var InputWithAutoFocus = withAutoFocus_1.withAutoFocus(desktop_2.Textinput); var Default = function () { var _a = tslib_1.__read(react_1.useState(false), 2), isFocused = _a[0], setIsFocused = _a[1]; return (react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(desktop_1.Button, { onClick: function () { return setIsFocused(true); }, view: "action", size: "m" }, " \u0423\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u0444\u043E\u043A\u0443\u0441 "), " \u00A0", react_1.default.createElement(desktop_1.Button, { onClick: function () { return setIsFocused(false); }, view: "default", size: "m" }, " \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u043E\u043A\u0443\u0441 "), " ", react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null), react_1.default.createElement(InputWithAutoFocus, { view: "default", focused: isFocused, size: "m" }))); }; exports.Default = Default;