@yandex/ui/Badge/__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 Badge_1 = require("@yandex-lego/components/Badge");
var IconTwo = function () { return (react_1.default.createElement("svg", { fill: "#000000", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20" },
    react_1.default.createElement("path", { d: "M4.5 18a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0-3a2.5 2.5 0 0 0 0 5 2.5 2.5 0 0 0 0-5zm11 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0-3a2.5 2.5 0 0 0 0 5 2.5 2.5 0 0 0 0-5zM19 4H5.78L4.97.758A.998.998 0 0 0 4 0H1a1 1 0 0 0 0 2h2.22l.805 3.222.01.042 1.995 7.98a1 1 0 0 0 1.135.743l11.017-1.837c1.02-.17 1.818-1.11 1.818-2.14V5a1 1 0 0 0-1-1zm-1 6.01c0 .05-.085.157-.146.167L7.746 11.862 6.28 6H18v4.01z" }))); };
var Playground = function () {
    var content = addon_knobs_1.text('content', '10');
    var withChildren = addon_knobs_1.boolean('withChildren', true);
    return react_1.default.createElement(Badge_1.Badge, { content: content }, withChildren && react_1.default.createElement(IconTwo, null));
};
exports.Playground = Playground;