Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React from 'react'

import Button from 'react-bootstrap/Button'

import Modal from 'react-bootstrap/Modal'

import Spinner from '../loading-spinner/Spinner'

import { useSelector } from 'react-redux'

const ConfirmModal = ({

  show = false,

  title = '¿Estás seguro?',

  message = '',

  acceptLabel = 'Enviar',

  onClose = () => null,

  onAccept = () => null,

  loading = false,

}) => {

  const labels = useSelector((state) => state.labels)

  if (!show) {

    return null

  }

  return (

    <Modal size="sm" 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}>

          {acceptLabel}

        </Button>

        <Button size="lg" onClick={onClose}>

          {labels.CANCEL}

        </Button>

      </Modal.Footer>

    </Modal>

  )

}

export default ConfirmModal