@yandex/ui
Version:
Yandex UI components
23 lines (22 loc) • 1.33 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Checkbox = 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 value = [1, 2];
var mappings = ['Button 1 data', 'Button 2 data', 'Button 3 data'];
var Checkbox = function () {
var _a = bundle_1.useButtonGroupState({ type: 'checkbox', value: value, mappings: mappings }), selected = _a.selected, onClick = _a.onClick, mapped = _a.mapped;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.ButtonGroup, { onClick: onClick, selected: selected },
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 1"),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 2"),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 2")),
react_1.default.createElement("br", null),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement("div", null, mapped.join(', '))));
};
exports.Checkbox = Checkbox;