@yandex/ui/esm/ButtonGroup/__examples__/select.examples.js

Yandex UI components

import { __read } from "tslib";
import React, { useState, useRef } from 'react';
import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Select as SelectComponent } from '@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: 'Фазан' },
];
export var Select = function () {
    var _a = __read(useState('a'), 2), value = _a[0], setValue = _a[1];
    var scopeRef = useRef(null);
    return (React.createElement(ButtonGroup, { pin: "round" },
        React.createElement("div", { ref: scopeRef, style: { position: 'relative' } },
            React.createElement(SelectComponent, { unsafe_scope: scopeRef, view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options })),
        React.createElement("div", { ref: scopeRef, style: { position: 'relative' } },
            React.createElement(SelectComponent, { unsafe_scope: scopeRef, view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options })),
        React.createElement("div", { ref: scopeRef, style: { position: 'relative' } },
            React.createElement(SelectComponent, { unsafe_scope: scopeRef, view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options }))));
};