@engie-group/fluid-design-system-react
Version:
Fluid Design System React
12 lines (9 loc) • 630 B
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { Utils } from '../../utils/util.js';
const NJSkeletonContainer = React__default.forwardRef(({ screenReaderLabel = 'Content is loading', children, className, ...htmlProps }, ref) => {
const skeletonClassName = Utils.classNames('nj-skeleton-container', className);
return (jsxs("div", { ref: ref, className: skeletonClassName, ...htmlProps, children: [children, jsx("span", { className: "nj-sr-only", children: screenReaderLabel })] }));
});
NJSkeletonContainer.displayName = 'NJSkeletonContainer';
export { NJSkeletonContainer };