Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import BootstrapModal from 'react-bootstrap/Modal'
import { useSelector } from 'react-redux'

import { ButtonPrimary, ButtonTertiary } from '@buttons'

const Modal = ({
  show = false,
  title = '',
  onAccept = () => {},
  onReject = () => {},
  onClose = () => {},
  onShow = () => {},
  labelAccept = '',
  labelReject = '',
  size = 'md',
  backdrop = 'static',
  centered = true,
  animation = true,
  showFooter = true,
  dialogClassName,
  children
}) => {
  const labels = useSelector(({ intl }) => intl.labels)

  return (
    <BootstrapModal
      animation={animation}
      backdrop={backdrop}
      className={dialogClassName}
      centered={centered}
      show={show}
      size={size}
      onHide={onClose}
      onShow={onShow}
    >
      <BootstrapModal.Header closeButton>
        <BootstrapModal.Title>{title}</BootstrapModal.Title>
      </BootstrapModal.Header>

      <BootstrapModal.Body>{children}</BootstrapModal.Body>

      {showFooter ? (
        <BootstrapModal.Footer>
          <ButtonPrimary
            label={labelAccept || labels.accept}
            onClick={onAccept}
          />
          <ButtonTertiary
            label={labelReject || labels.cancel}
            onClick={onReject}
          />
        </BootstrapModal.Footer>
      ) : null}
    </BootstrapModal>
  )
}

export default Modal