@yandex/ui/Checkbox/__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.__importStar(require("react"));
var addon_knobs_1 = require("@storybook/addon-knobs");
var bundle_1 = require("@yandex-lego/components/Checkbox/desktop/bundle");
var Playground = function () {
    var _a = tslib_1.__read(react_1.useState(false), 2), checked = _a[0], setChecked = _a[1];
    var label = addon_knobs_1.text('label', 'Label');
    var size = addon_knobs_1.select('size', ['m', 's'], 'm');
    var view = addon_knobs_1.select('view', ['default', 'outline', ''], 'default');
    var theme = view === '' ? addon_knobs_1.select('theme', ['normal', 'pseudo'], 'normal') : null;
    var disabled = addon_knobs_1.boolean('disabled', false);
    var indeterminate = addon_knobs_1.boolean('indeterminate', false);
    return (react_1.default.createElement(bundle_1.Checkbox, { theme: theme, view: view, size: size, onChange: function () { return setChecked(!checked); }, checked: checked, label: label, disabled: disabled, indeterminate: indeterminate }));
};
exports.Playground = Playground;