@yandex/ui/esm/UserPic/UserPic.examples/desktop/playground.examples.js

Yandex UI components

import React from 'react';
import { select, boolean } from '@storybook/addon-knobs';
import { UserPic } from '@yandex-lego/components/UserPic/desktop/bundle';
import { cnTheme } from '../../../Theme';
import { presets, presetsKeys } from '../../../Theme/presets';
export var Playground = function () {
    var preset = select('theme-preset', presetsKeys, 'default');
    var size = select('size', ['s', 'm'], 'm');
    var plus = boolean('plus', false);
    return (React.createElement("div", { className: cnTheme(presets[preset]) },
        React.createElement(UserPic, { avatarId: "43978/351415393-30646433", size: size, plus: plus }),
        React.createElement("div", { style: { marginLeft: '20px', display: 'inline-block' } },
            React.createElement(UserPic, { avatarId: "0/0-0", hasCamera: true, size: size, plus: plus }))));
};