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,

  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>

      <BootstrapModal.Footer>

        <ButtonPrimary

          label={labelAccept || labels.accept}

          onClick={onAccept}

        />

        <ButtonTertiary

          label={labelReject || labels.cancel}

          onClick={onReject}

        />

      </BootstrapModal.Footer>

    </BootstrapModal>

  )

}

export default Modal