Proyectos de Subversion LeadersLinked - Antes de SPA

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

import Spinner from '../UI/Spinner'

const ConfirmModal = ({
  show = false,
  title = '¿Estás seguro?',
  message = '',
  loading = false,
  onClose = () => null,
  onAccept = () => null,
}) => {
  const labels = useSelector(({ intl }) => intl.labels)

  return (
    <Modal size="sm" show={show} onHide={onClose}>
      <Modal.Header closeButton>
        <Modal.Title>{title}</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        {message && <p>{message}</p>}
        {loading && <Spinner />}
      </Modal.Body>
      <Modal.Footer>
        <Button size="lg" type="submit" onClick={onAccept}>
          {labels.accept}
        </Button>
        <Button size="lg" onClick={onClose}>
          {labels.cancel}
        </Button>
      </Modal.Footer>
    </Modal>
  )
}

export default ConfirmModal