UNPKG

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

Version:

Fluid Design System React

13 lines (10 loc) 1.1 kB
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 };