@yandex/ui
Version:
Yandex UI components
31 lines (30 loc) • 2.31 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DropDown = 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 desktop_1 = require("@yandex-lego/components/Button/Button.bundle/desktop");
var desktop_2 = require("@yandex-lego/components/Dropdown/desktop");
// Обертка над Dropdown, для того передачи пропсов из ButtonGroup в кнопку
var Dropdown = function (props) { return (react_1.default.createElement(desktop_2.Dropdown, { view: "default", trigger: "click", content: 'Dropdowned' },
react_1.default.createElement(desktop_1.Button, tslib_1.__assign({ view: "default", size: "m" }, props), props.children))); };
var DropDown = function () {
var state = bundle_1.useButtonGroupState({ type: 'radio' });
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round" },
react_1.default.createElement(desktop_2.Dropdown, { view: "default", trigger: "click", content: 'Dropdowned' },
react_1.default.createElement(desktop_1.Button, { view: "default", size: "m" }, "Dropdown")),
react_1.default.createElement(desktop_2.Dropdown, { view: "default", trigger: "click", content: 'Dropdowned' },
react_1.default.createElement(desktop_1.Button, { view: "default", size: "m" }, "Dropdown")),
react_1.default.createElement(desktop_2.Dropdown, { view: "default", trigger: "click", content: 'Dropdowned' },
react_1.default.createElement(desktop_1.Button, { view: "default", size: "m" }, "Dropdown"))),
react_1.default.createElement("br", null),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(bundle_1.ButtonGroup, tslib_1.__assign({ pin: "circle" }, state),
react_1.default.createElement(Dropdown, null, " Dropdown "),
react_1.default.createElement(desktop_1.Button, { view: "action", size: "m" }, "Button 1"),
react_1.default.createElement(desktop_1.Button, { view: "action", size: "m" }, "Button 2"))));
};
exports.DropDown = DropDown;