@yandex/ui/Select/Select.examples/desktop/width.examples.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Width = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = 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 Width = function () {
    var _a = tslib_1.__read(react_1.useState('a'), 2), value1 = _a[0], setValue1 = _a[1];
    var _b = tslib_1.__read(react_1.useState('a'), 2), value2 = _b[0], setValue2 = _b[1];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(bundle_1.Select, { size: "m", view: "default", width: "max", value: value1, onChange: function (event) { return setValue1(event.target.value); }, options: options }),
        react_1.default.createElement(bundle_1.Select, { size: "m", view: "default", value: value2, onChange: function (event) { return setValue2(event.target.value); }, options: options })));
};
exports.Width = Width;