@yandex/ui/Dropdown/__examples__/playground.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Playground = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var addon_knobs_1 = require("@storybook/addon-knobs");
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var desktop_1 = require("@yandex-lego/components/Dropdown/desktop");
var SampleMenu_1 = require("./SampleMenu");
var Playground = function () {
    var triggerType = addon_knobs_1.optionsKnob('trigger-type', ['hover', 'click', 'focus'].reduce(function (acc, cur) {
        acc[cur] = cur;
        return acc;
    }, {}), ['hover'], { display: 'multi-select' });
    var hasTail = addon_knobs_1.boolean('has-tail', true);
    return (react_1.default.createElement(desktop_1.Dropdown, { trigger: triggerType, view: "default", content: react_1.default.createElement(SampleMenu_1.SampleMenu, null), hasTail: hasTail },
        react_1.default.createElement(bundle_1.Button, { view: "default", size: "s" }, "Dropdown")));
};
exports.Playground = Playground;