@yandex/ui
Version:
Yandex UI components
23 lines (22 loc) • 1.39 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WithRadiobox = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Radiobox/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/TabsPanes/desktop/bundle");
var WithRadiobox = function () {
var _a = tslib_1.__read(react_1.useState('search'), 2), activeTab = _a[0], setActiveTab = _a[1];
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.Radiobox, { size: "m", view: "default", value: activeTab, options: [
{ label: 'Поиск', value: 'search', onClick: function () { return setActiveTab('search'); } },
{ label: 'Картинки', value: 'images', onClick: function () { return setActiveTab('images'); } },
{ label: 'Видео', value: 'video', onClick: function () { return setActiveTab('video'); } },
] }),
react_1.default.createElement(bundle_2.TabsPanes, { activePane: activeTab, panes: [
{ id: 'search', content: 'Поиск content' },
{ id: 'images', content: 'Картинки content' },
{ id: 'video', content: 'Видео content' },
] })));
};
exports.WithRadiobox = WithRadiobox;