@yandex/ui/TabsMenu/__examples__/size.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Size = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/TabsMenu/desktop/bundle");
var Size = function () {
    var _a = tslib_1.__read(react_1.useState('search'), 2), activeTab1 = _a[0], setActiveTab1 = _a[1];
    var _b = tslib_1.__read(react_1.useState('search'), 2), activeTab2 = _b[0], setActiveTab2 = _b[1];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(bundle_1.TabsMenu, { size: "s", view: "default", layout: "horiz", tabs: [
                { id: 'search', onClick: function () { return setActiveTab1('search'); }, content: 'Поиск' },
                { id: 'images', onClick: function () { return setActiveTab1('images'); }, content: 'Картинки' },
                { id: 'video', onClick: function () { return setActiveTab1('video'); }, content: 'Видео' },
            ], activeTab: activeTab1 }),
        react_1.default.createElement(bundle_1.TabsMenu, { size: "m", view: "default", layout: "horiz", tabs: [
                { id: 'search', onClick: function () { return setActiveTab2('search'); }, content: 'Поиск' },
                { id: 'images', onClick: function () { return setActiveTab2('images'); }, content: 'Картинки' },
                { id: 'video', onClick: function () { return setActiveTab2('video'); }, content: 'Видео' },
            ], activeTab: activeTab2 })));
};
exports.Size = Size;