@carbon/ibm-products
Version:
Carbon for IBM Products
53 lines (51 loc) • 2.64 kB
JavaScript
/**
* Copyright IBM Corp. 2020, 2026
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
const require_index = require("../../../node_modules/classnames/index.js");
const require_settings = require("../../../settings.js");
const require_PageHeaderUtils = require("../PageHeaderUtils.js");
const require_context = require("./context.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _carbon_react = require("@carbon/react");
//#region src/components/PageHeader/next/PageHeaderTabBar.tsx
/**
* Copyright IBM Corp. 2026
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
const PageHeaderTabBar = react.default.forwardRef(function PageHeaderTabBar({ className, children, tags, scroller, disableStickyTabBar = false, ...other }, ref) {
const { setDisableStickyTabBar } = require_context.usePageHeader();
(0, react.useEffect)(() => {
setDisableStickyTabBar?.(disableStickyTabBar);
}, [disableStickyTabBar, setDisableStickyTabBar]);
const classNames = (0, import_classnames.default)({ [`${require_PageHeaderUtils.blockClass}__tab-bar`]: true }, className);
const renderScroller = () => scroller && /* @__PURE__ */ react.default.createElement("div", { className: `${require_settings.pkg.prefix}--page-header--scroller-button-container` }, scroller);
if (!tags) return /* @__PURE__ */ react.default.createElement("div", {
className: classNames,
ref,
...other
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, { condensed: true }, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
lg: 16,
md: 8,
sm: 4
}, children)), renderScroller());
return /* @__PURE__ */ react.default.createElement("div", {
className: classNames,
ref,
...other
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, { condensed: true }, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
lg: 16,
md: 8,
sm: 4
}, /* @__PURE__ */ react.default.createElement("div", { className: (0, import_classnames.default)(`${require_PageHeaderUtils.blockClass}__tab-bar--tablist`, { [`${require_settings.pkg.prefix}--page-header__tab-bar--with-scroller`]: !!scroller }) }, children, tags))), renderScroller());
});
PageHeaderTabBar.displayName = "PageHeaderTabBar";
//#endregion
exports.PageHeaderTabBar = PageHeaderTabBar;