@yandex/ui
Version:
Yandex UI components
41 lines (40 loc) • 2.57 kB
JavaScript
"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 bundle_2 = require("@yandex-lego/components/Icon/desktop/bundle");
var Playground = function () {
var children = addon_knobs_1.text('children', 'Button');
var view = addon_knobs_1.select('view', ['default', 'action', 'pseudo', 'link', 'clear', 'raised', ''], 'default');
var size = addon_knobs_1.select('size', ['s', 'm', 'l'], 'm');
var theme = view === ''
? addon_knobs_1.select('theme', ['action', 'clear', 'normal', 'pseudo', 'raised', 'link'], 'normal')
: null;
var checked = addon_knobs_1.boolean('checked', false);
var disabled = addon_knobs_1.boolean('disabled', false);
var progress = addon_knobs_1.boolean('progress', false);
var icon = addon_knobs_1.boolean('icon', false);
var iconLeft = icon ? null : addon_knobs_1.boolean('iconLeft', false);
var iconRight = icon ? null : addon_knobs_1.boolean('iconRight', false);
var iconType = icon || iconLeft || iconRight
? addon_knobs_1.select('icon type', ['arrow', 'close', 'cross', 'cross-websearch', 'filter'], 'arrow')
: null;
var direction = iconType === 'arrow' ? addon_knobs_1.select('direction', ['left', 'right', 'top', 'bottom'], 'bottom') : null;
return (react_1.default.createElement(bundle_1.Button, { theme: theme, size: size, view: view, progress: progress, disabled: disabled, checked: checked, children: icon ? null : children,
// @ts-ignore TODO: Исправить тип
icon: icon &&
(function (className) { return (react_1.default.createElement(bundle_2.Icon, { size: size, type: iconType, direction: direction, className: className })); }),
// @ts-ignore TODO: Исправить тип
iconLeft: iconLeft &&
(function (className) { return (react_1.default.createElement(bundle_2.Icon, { size: size, type: iconType, direction: direction, className: className })); }),
// @ts-ignore TODO: Исправить тип
iconRight: iconRight &&
(function (className) { return (react_1.default.createElement(bundle_2.Icon, { size: size, type: iconType, direction: direction, className: className })); }) }));
};
exports.Playground = Playground;
exports.Playground.story = {
name: 'playground',
};