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

Carbon Addons for Boomerang apps

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var reactRouterDom = require('react-router-dom');
var react = require('@carbon/react');
var cx = require('classnames');
var settings = require('../../internal/settings.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);
var cx__default = /*#__PURE__*/_interopDefault(cx);

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

exports.default = FeatureNavTab;