Rev 6618 | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
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