@engie-group/fluid-design-system-react
Version:
Fluid Design System React
13 lines (10 loc) • 1.1 kB
JavaScript
import { jsx, jsxs } from 'react/jsx-runtime';
import React__default from 'react';
import { NJIcon } from '../icon/NJIcon.js';
import { NJModalContent } from '../modal-content/NJModalContent.js';
import { NJSpinner } from '../spinner/NJSpinner.js';
const NJModalContentInformation = React__default.forwardRef(({ icon, iconVariant, children, title, isLoading, ...props }, ref) => {
return (jsx(NJModalContent, { centeredFooter: true, className: "nj-modal-deprecated--information", ...props, ref: ref, children: jsxs("div", { className: "nj-modal-deprecated__body", children: [isLoading ? (jsx(NJSpinner, { className: "nj-modal-deprecated__loading-spinner" })) : (jsx(NJIcon, { name: icon ? icon : 'info', scale: "2xl", variant: iconVariant ? iconVariant : undefined, className: "nj-modal-deprecated__icon" })), title && jsx("h4", { className: "nj-modal-deprecated__title", children: title }), jsx("div", { className: "nj-modal-deprecated__description", children: children })] }) }));
});
NJModalContentInformation.displayName = 'NJModalContentInformation';
export { NJModalContentInformation };