@yandex/ui
Version:
Yandex UI components
32 lines (31 loc) • 2.46 kB
JavaScript
import React from 'react';
import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
var dividerHorizontal = (React.createElement("span", { style: { borderLeft: '1px solid #CCCCCC', boxSizing: 'border-box', height: '20px', margin: 'auto 0' } }));
var dividerVertical = (React.createElement("span", { style: { borderBottom: '1px solid #CCCCCC', boxSizing: 'border-box', width: '40px', margin: '0 auto' } }));
export var Showcase = function () {
var views = ['default', 'action', 'raised', 'link', 'pseudo', 'clear'];
var pins = ['round', 'circle'];
var sizes = ['s', 'm', 'l'];
return views.map(function (view) { return (React.createElement(React.Fragment, null,
pins.map(function (pin) {
return sizes.map(function (size) { return (React.createElement(React.Fragment, null,
React.createElement(ButtonGroup, { pin: pin, gap: view !== 'link' && view !== 'pseudo' && view !== 'clear' ? 's' : undefined, divider: view === 'clear' ? dividerHorizontal : undefined, key: view + "_" + pin + "_" + size + "_horizontal" },
React.createElement(Button, { view: view, size: size }, "Button 1"),
React.createElement(Button, { view: view, size: size }, "Button 2"),
React.createElement(Button, { view: view, size: size }, "Button 3"),
React.createElement(Button, { view: view, size: size }, "Button 4")),
React.createElement("br", null),
" ",
React.createElement("br", null))); });
}),
sizes.map(function (size) { return (React.createElement(React.Fragment, null,
React.createElement(ButtonGroup, { pin: "round", gap: view !== 'link' && view !== 'pseudo' && view !== 'clear' ? 's' : undefined, divider: view === 'clear' ? dividerVertical : undefined, vertical: true, key: view + "_round_" + size + "_vertical" },
React.createElement(Button, { view: view, size: size }, "Button 1"),
React.createElement(Button, { view: view, size: size }, "Button 2"),
React.createElement(Button, { view: view, size: size }, "Button 3"),
React.createElement(Button, { view: view, size: size }, "Button 4")),
React.createElement("br", null),
" ",
React.createElement("br", null))); }))); });
};