@yandex/ui/Text/__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/Text/bundle");
var assets_1 = require("./assets");
var Playground = function () {
    var weight = addon_knobs_1.select('Weight', ['light', 'regular', 'medium', 'bold'], 'light');
    var align = addon_knobs_1.select('Align', ['start', 'center', 'end', 'justify'], 'start');
    var overflow = addon_knobs_1.radios('Overflow', {
        Ellipsis: 'ellipsis',
        Fade: 'fade',
        FadeHorizontal: 'fade-horizontal',
    });
    var maxLines = addon_knobs_1.number('Max lines', 1, {
        range: true,
        min: 1,
        max: 5,
        step: 1,
    });
    var typography = addon_knobs_1.select('Typography', assets_1.typographyValues, 'body-long-m');
    var children = addon_knobs_1.text('Content', 'Миссия Яндекса — помогать людям решать задачи и достигать своих целей в жизни.');
    var props = {
        weight: weight,
        align: align,
        typography: typography,
        children: children,
        overflow: overflow,
        maxLines: maxLines,
    };
    return (react_1.default.createElement("div", { style: { backgroundColor: 'var(--color-bg-default)' } },
        react_1.default.createElement(bundle_1.Text, tslib_1.__assign({ as: "div" }, props), children)));
};
exports.Playground = Playground;