@yandex/ui/esm/Menu/__examples__/playground.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { select, boolean, object } from '@storybook/addon-knobs';
import { Menu } from '@yandex-lego/components/Menu/desktop/bundle';
var rawItems = [
    { value: 'a', content: 'Каждый' },
    { value: 'b', content: 'Охотник' },
    {
        items: [
            { value: 'c', content: 'Желает', disabled: true },
            { value: 'd', content: 'Знать' },
            { value: 'e', content: 'Где' },
        ],
    },
];
export var Playground = function () {
    var _a = __read(useState('a'), 2), value = _a[0], setValue = _a[1];
    var size = select('size', ['s', 'm'], 'm');
    var view = select('view', ['default', ''], 'default');
    var theme = view === '' ? select('theme', ['normal'], 'normal') : null;
    var width = select('width', ['max', 'auto'], 'auto');
    var disabled = boolean('disabled', false);
    var items = object('items', rawItems);
    return (React.createElement(Menu, { theme: theme, disabled: disabled, size: size, view: view, width: width, items: items, value: value, onChange: function (event) { return setValue(event.target.value); } }));
};