UNPKG

@engie-group/fluid-design-system-react

Version:

Fluid Design System React

12 lines (9 loc) 630 B
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 };