@yandex/ui/ButtonGroup/__examples__/gap.examples.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Gap = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/ButtonGroup/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Button/desktop/bundle");
var Gap = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement(bundle_1.ButtonGroup, null, [1, 2, 3].map(function (key) { return (react_1.default.createElement(bundle_2.Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_no_gap' }, "No gap")); })),
    react_1.default.createElement("br", null),
    " ",
    react_1.default.createElement("br", null),
    react_1.default.createElement(bundle_1.ButtonGroup, { gap: "s" }, [1, 2, 3].map(function (key) { return (react_1.default.createElement(bundle_2.Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_s' }, "gap S")); })),
    react_1.default.createElement("br", null),
    " ",
    react_1.default.createElement("br", null),
    react_1.default.createElement(bundle_1.ButtonGroup, { gap: "m" }, [1, 2, 3].map(function (key) { return (react_1.default.createElement(bundle_2.Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_m' }, "gap M")); })),
    react_1.default.createElement("br", null),
    " ",
    react_1.default.createElement("br", null),
    react_1.default.createElement(bundle_1.ButtonGroup, { gap: "l" }, [1, 2, 3].map(function (key) { return (react_1.default.createElement(bundle_2.Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_l' }, "gap L")); })),
    react_1.default.createElement("br", null),
    " ",
    react_1.default.createElement("br", null),
    react_1.default.createElement(bundle_1.ButtonGroup, { gap: "xl" }, [1, 2, 3].map(function (key) { return (react_1.default.createElement(bundle_2.Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_xl' }, "gap XL")); })))); };
exports.Gap = Gap;