@yandex/ui/esm/TabsMenu/__examples__/view.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { TabsMenu } from '@yandex-lego/components/TabsMenu/desktop/bundle';
export var View = function () {
    var _a = __read(useState('search'), 2), activeTab = _a[0], setActiveTab = _a[1];
    return (React.createElement(TabsMenu, { size: "m", view: "default", layout: "horiz", tabs: [
            { id: 'search', onClick: function () { return setActiveTab('search'); }, content: 'Поиск' },
            { id: 'images', onClick: function () { return setActiveTab('images'); }, content: 'Картинки' },
            { id: 'video', onClick: function () { return setActiveTab('video'); }, content: 'Видео' },
        ], activeTab: activeTab }));
};