@boomerang-io/carbon-addons-boomerang-react/dist/esm/components/FeatureNavTab/FeatureNavTab.js

Carbon Addons for Boomerang apps

import React from 'react';
import { NavLink } from 'react-router-dom';
import { SkeletonPlaceholder } from '@carbon/react';
import cx from 'classnames';
import { prefix } from '../../internal/settings.js';

/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
function FeatureNavTab({ activeClassName = "", className = "", disabled = false, isLoading = false, label = "", style, ...rest }) {
    const classNames = cx(`${prefix}--tabs__nav-item`, `${prefix}--tabs__nav-link`, `${prefix}--bmrg-feature--tabs__nav-item`, {
        [`${prefix}--tabs__nav-item--disabled`]: disabled,
    }, className);
    const activeClassNames = cx(`${prefix}--tabs__nav-item--selected`, activeClassName);
    return isLoading ? (React.createElement("div", { className: `${prefix}--bmrg-feature-nav-tab--loading` },
        React.createElement(SkeletonPlaceholder, { className: `${prefix}--bmrg-feature-nav-tab--loading__skeleton` }))) : (React.createElement(NavLink, { className: classNames, activeClassName: activeClassNames, style: style, ...rest }, label));
}

export { FeatureNavTab as default };