@kadconsulting/dry/dist/src/components/LoadingOverlay/LoadingOverlay.js

KAD Reusable Component Library

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