42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
|
import PropTypes from 'prop-types'
|
||
|
|
import Button from '@mui/material/Button'
|
||
|
|
import Dialog from '@mui/material/Dialog'
|
||
|
|
import DialogActions from '@mui/material/DialogActions'
|
||
|
|
import DialogContent from '@mui/material/DialogContent'
|
||
|
|
import DialogContentText from '@mui/material/DialogContentText'
|
||
|
|
import DialogTitle from '@mui/material/DialogTitle'
|
||
|
|
|
||
|
|
export default function ConfirmationAlert({title, description, isOpen, setIsOpen, handleConfirmation}) {
|
||
|
|
return (
|
||
|
|
<Dialog
|
||
|
|
open={isOpen}
|
||
|
|
aria-labelledby={title}
|
||
|
|
aria-describedby={description}
|
||
|
|
onClose={() => setIsOpen(false)}
|
||
|
|
>
|
||
|
|
<DialogTitle id={title}>
|
||
|
|
{title}
|
||
|
|
</DialogTitle>
|
||
|
|
<DialogContent>
|
||
|
|
<DialogContentText sx={{color: 'white'}} id={description}>
|
||
|
|
{description}
|
||
|
|
</DialogContentText>
|
||
|
|
</DialogContent>
|
||
|
|
<DialogActions>
|
||
|
|
<Button variant='contained' color='success' onClick={() => setIsOpen(false)}>Annuler</Button>
|
||
|
|
<Button autoFocus variant='contained' color='error' onClick={handleConfirmation}>
|
||
|
|
Valider
|
||
|
|
</Button>
|
||
|
|
</DialogActions>
|
||
|
|
</Dialog>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
ConfirmationAlert.propTypes = {
|
||
|
|
title: PropTypes.string.isRequired,
|
||
|
|
description: PropTypes.string.isRequired,
|
||
|
|
isOpen: PropTypes.bool.isRequired,
|
||
|
|
setIsOpen: PropTypes.func.isRequired,
|
||
|
|
handleConfirmation: PropTypes.func.isRequired
|
||
|
|
}
|