@yandex/ui
Version:
Yandex UI components
29 lines (28 loc) • 1.89 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Select = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/ButtonGroup/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Select/desktop/bundle");
var options = [
{ value: 'a', content: 'Каждый' },
{ value: 'b', content: 'Охотник' },
{ value: 'c', content: 'Желает' },
{ value: 'd', content: 'Знать' },
{ value: 'e', content: 'Где', disabled: true },
{ value: 'f', content: 'Сидит' },
{ value: 'g', content: 'Фазан' },
];
var Select = function () {
var _a = tslib_1.__read(react_1.useState('a'), 2), value = _a[0], setValue = _a[1];
var scopeRef = react_1.useRef(null);
return (react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round" },
react_1.default.createElement("div", { ref: scopeRef, style: { position: 'relative' } },
react_1.default.createElement(bundle_2.Select, { unsafe_scope: scopeRef, view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options })),
react_1.default.createElement("div", { ref: scopeRef, style: { position: 'relative' } },
react_1.default.createElement(bundle_2.Select, { unsafe_scope: scopeRef, view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options })),
react_1.default.createElement("div", { ref: scopeRef, style: { position: 'relative' } },
react_1.default.createElement(bundle_2.Select, { unsafe_scope: scopeRef, view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options }))));
};
exports.Select = Select;