Proyectos de Subversion LeadersLinked - SPA

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

import { ButtonPrimary, ButtonTertiary } from '@buttons'

import styles from './Modal.module.scss'

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

  return (
    <BootstrapModal
      animation={animation}
      className={dialogClassName}
      centered={centered}
      show={show}
      size={size}
      onHide={onClose}
      onShow={onShow}
    >
      <BootstrapModal.Header className={styles['modal-header']} closeButton>
        <BootstrapModal.Title>{title}</BootstrapModal.Title>
      </BootstrapModal.Header>

      <BootstrapModal.Body className={styles['modal-content']}>
        {children}
      </BootstrapModal.Body>

      {showFooter ? (
        <BootstrapModal.Footer className={styles['modal-footer']}>
          <ButtonPrimary
            label={labelAccept || labels.accept}
            onClick={onAccept}
          />
          <ButtonTertiary
            label={labelReject || labels.cancel}
            onClick={onReject || onClose}
          />
        </BootstrapModal.Footer>
      ) : null}
    </BootstrapModal>
  )
}

export default Modal