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
}