@yandex/ui
Version:
Yandex UI components
24 lines (23 loc) • 1.76 kB
JavaScript
import { __assign, __read, __rest } from "tslib";
import React, { useState } from 'react';
import { Menu } from '@yandex-lego/components/Menu/desktop/bundle';
import { Item, useMenuItem } from '@yandex-lego/components/Menu/desktop';
import { Radio, Radiobox } from '@yandex-lego/components/Radiobox/desktop/bundle';
var RenderItem = function (_a) {
var needIconGlyph = _a.needIconGlyph, children = _a.children, innerRef = _a.innerRef, value = _a.value, props = __rest(_a, ["needIconGlyph", "children", "innerRef", "value"]);
var itemProps = useMenuItem(props);
var checked = props.checked;
return (React.createElement("div", __assign({}, itemProps),
React.createElement(Radiobox, { view: "default", size: "m" },
React.createElement(Radio, { value: value, checked: checked }, children))));
};
export var CustomCheck = function () {
var _a = __read(useState('wow'), 2), value = _a[0], setValue = _a[1];
return (React.createElement(React.Fragment, null,
React.createElement("style", null, '.RadioMenu { --menu-size-m-titleSibling-indentLeft: 0 }'),
React.createElement(Menu, { className: "RadioMenu", value: value, size: "m", view: "default", onChange: function (e) { return setValue(e.target.value); }, renderItem: RenderItem },
React.createElement(Item, { value: "wow" }, "\u0423\u043C\u043D\u0430\u044F \u043F\u043B\u0438\u0442\u043A\u0430"),
React.createElement(Item, { value: "tile" }, "\u041A\u0440\u0443\u043F\u043D\u0430\u044F \u043F\u043B\u0438\u0442\u043A\u0430"),
React.createElement(Item, { value: "icons" }, "\u041F\u043B\u0438\u0442\u043A\u0430"),
React.createElement(Item, { value: "list" }, "\u0421\u043F\u0438\u0441\u043E\u043A"))));
};