UNPKG

@boomerang-io/carbon-addons-boomerang-react

Version:
23 lines (20 loc) 1.01 kB
import React from 'react'; import { ButtonSkeleton } from '@carbon/react'; import cx from 'classnames'; import { prefix } from '../../internal/settings.js'; /* IBM Confidential 694970X, 69497O0 © Copyright IBM Corp. 2022, 2024 */ const LoadingSkeleton = () => { return (React.createElement("div", { className: `${prefix}--bmrg-feature-sidenav-links-skeleton` }, React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }), React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }), React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }))); }; function FeatureSideNavLinks(props) { const { children, className, isLoading, ...rest } = props; return (React.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-links`, className), ...rest }, isLoading ? React.createElement(LoadingSkeleton, null) : children)); } export { FeatureSideNavLinks, FeatureSideNavLinks as default };