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

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Rtl = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/ButtonGroup/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Button/desktop/bundle");
var Rtl = function () {
    var _a = tslib_1.__read(react_1.useState(false), 2), rtl = _a[0], setRtl = _a[1];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(bundle_2.Button, { onClick: function () { return setRtl(function (prev) { return !prev; }); }, view: "action", size: "m" }, rtl ? 'С права на лево' : 'С лева на право'),
        react_1.default.createElement("br", null),
        " ",
        react_1.default.createElement("br", null),
        " ",
        react_1.default.createElement("br", null),
        react_1.default.createElement("div", { dir: rtl ? 'rtl' : '' },
            react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round", gap: "s" },
                react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"),
                react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2")),
            react_1.default.createElement("br", null),
            " ",
            react_1.default.createElement("br", null),
            react_1.default.createElement(bundle_1.ButtonGroup, { pin: "circle" },
                react_1.default.createElement(bundle_2.Button, { view: "link", size: "m" }, "Button 1"),
                react_1.default.createElement(bundle_2.Button, { view: "link", size: "m" }, "Button 2")))));
};
exports.Rtl = Rtl;