@kadconsulting/dry
Version:
KAD Reusable Component Library
19 lines • 1.01 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// // CLI Version 1.0.1
// Component Version 1.0.0
import { forwardRef } from 'react';
import classnames from 'classnames';
// import * as Utils from "./LoadingOverlay.utils.js";
// Hooks
import useLoadingMessage from '../../hooks/useLoadingMessage';
// Styles
import './LoadingOverlay.scss';
const LoadingOverlay = forwardRef(({ id, className, passProps, isLoading, componentName = 'Unknown Component', logo, ...props }, ref) => {
const message = useLoadingMessage(isLoading, componentName);
if (!isLoading) {
return null;
}
return (_jsxs("div", { id: id, ref: ref, className: classnames(className, 'loading-overlay'), ...props, children: [_jsx("div", { className: 'logo-container', children: _jsx("img", { src: logo.src, alt: 'Logo', className: 'logo-animate' }) }), _jsx("p", { className: 'loading-overlay__text', children: message })] }));
});
export default LoadingOverlay;
//# sourceMappingURL=LoadingOverlay.js.map