@yandex/ui
Version:
Yandex UI components
22 lines (21 loc) • 1.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabsMenuTab = void 0;
var tslib_1 = require("tslib");
/* eslint-disable no-nested-ternary */
var react_1 = tslib_1.__importDefault(require("react"));
var TabsMenu_1 = require("../TabsMenu");
require("./TabsMenu-Tab.css");
var TabsMenuTab = function (_a) {
var innerRef = _a.innerRef, active = _a.active, className = _a.className, content = _a.content, disabled = _a.disabled, first = _a.first, props = tslib_1.__rest(_a, ["innerRef", "active", "className", "content", "disabled", "first"]);
return (react_1.default.createElement("li", tslib_1.__assign({}, props, { "aria-selected": active, ref: innerRef, className: TabsMenu_1.cnTabsMenu('Tab', {
active: active,
disabled: disabled,
first: first,
}, [className]), role: "tab",
// На активном пункте устанавливаем tabIndex 0, чтобы иметь возможность
// сфокусироваться с клавиатуры именно в него, у остальных пунктов устанавливаем -1,
// чтобы они не участвовали в навигации.
tabIndex: disabled ? undefined : active ? 0 : -1 }), content));
};
exports.TabsMenuTab = TabsMenuTab;