leo-design-ui
Version:
React Design Library
21 lines (20 loc) • 964 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import classNames from "classnames";
import { useContext } from "react";
import { TabsContext } from "./tabs";
var TabItem = function (_a) {
var index = _a.index, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
var context = useContext(TabsContext);
var classes = classNames('tab-item', classNames, {
'is-active': index === context.index,
'is-disabled': disabled
});
var handlerClick = function () {
if (context.onSelect && !disabled && (typeof index === 'string')) {
context.onSelect(index);
}
};
return (_jsx(_Fragment, { children: _jsxs("li", { className: classes, onClick: handlerClick, children: [label, context.type === 'card' && classes.includes('is-active') && _jsx("div", { className: "hide-line" })] }) }));
};
TabItem.displayName = 'TabItem';
export default TabItem;