Proyectos de Subversion LeadersLinked - SPA

import React, { lazy, Suspense } from 'react';
import { createPortal } from 'react-dom';
import Spinner from '../Spinner';
const GlobalModal = lazy(() => import('./GlobalModal'));

const Modal = ({
  show = true,
  title = '',
  onAccept,
  onClose,
  onReject = null,
  labelAccept = 'Aceptar',
  labelReject = 'Cancelar',
  showFooter = true,
  dialogClassName,
  children,
  formId,
  loading,
  size = 'md'
}) => {
  if (!show) return null;

  const modalContainer = document.getElementById('modal');

  if (!modalContainer) return null;

  return createPortal(
    <Suspense fallback={<Spinner />}>
      <GlobalModal
        title={title}
        onAccept={onAccept}
        onClose={onClose}
        onReject={onReject}
        labelAccept={labelAccept}
        labelReject={labelReject}
        showFooter={showFooter}
        dialogClassName={dialogClassName}
        formId={formId}
        loading={loading}
        size={size}
      >
        {children}
      </GlobalModal>
    </Suspense>,
    modalContainer
  );
};

export default Modal;