@yandex/ui/esm/TabsMenu/Tab/TabsMenu-Tab.js

Yandex UI components

import { __assign, __rest } from "tslib";
/* eslint-disable no-nested-ternary */
import React from 'react';
import { cnTabsMenu } from '../TabsMenu';
import './TabsMenu-Tab.css';
export var TabsMenuTab = function (_a) {
    var innerRef = _a.innerRef, active = _a.active, className = _a.className, content = _a.content, disabled = _a.disabled, first = _a.first, props = __rest(_a, ["innerRef", "active", "className", "content", "disabled", "first"]);
    return (React.createElement("li", __assign({}, props, { "aria-selected": active, ref: innerRef, className: cnTabsMenu('Tab', {
            active: active,
            disabled: disabled,
            first: first,
        }, [className]), role: "tab", 
        // На активном пункте устанавливаем tabIndex 0, чтобы иметь возможность
        // сфокусироваться с клавиатуры именно в него, у остальных пунктов устанавливаем -1,
        // чтобы они не участвовали в навигации.
        tabIndex: disabled ? undefined : active ? 0 : -1 }), content));
};