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

Carbon Addons for Boomerang apps

'use strict';

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

var React = require('react');
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
*/
const LoadingSkeleton = () => {
    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feature-sidenav-links-skeleton` },
        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true }),
        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true }),
        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true })));
};
function FeatureSideNavLinks(props) {
    const { children, className, isLoading, ...rest } = props;
    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-links`, className), ...rest }, isLoading ? React__default.default.createElement(LoadingSkeleton, null) : children));
}

exports.FeatureSideNavLinks = FeatureSideNavLinks;
exports.default = FeatureSideNavLinks;