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';
import React from 'react';

type ImageDeleteDialogProps = {
  isOpen: boolean;
  closeDialog: () => void;
  handleDelete: () => void;
};

const ImageDeleteDialog = ({
  isOpen,
  closeDialog,
  handleDelete,
}: ImageDeleteDialogProps) => {
  return (
    <Dialog
      open={isOpen}
      onClose={closeDialog}
      aria-labelledby='alert-dialog-title'
      aria-describedby='alert-dialog-description'
    >
      <DialogTitle
        id='alert-dialog-title'
        style={{ textAlign: 'center', color: 'red' }}
      >
        {'Möchten Sie löschen?'}
      </DialogTitle>
      <DialogContent>
        <DialogContentText id='alert-dialog-description'>
          Einmal gelöscht, können Sie diese Datei nicht wiederherstellen!
        </DialogContentText>
      </DialogContent>
      <DialogActions>
        <Button onClick={closeDialog} variant='contained'>
          Nein
        </Button>
        <Button
          onClick={() => {
            handleDelete();
            closeDialog();
          }}
          color='secondary'
          variant='contained'
          autoFocus
        >
          Ja
        </Button>
      </DialogActions>
    </Dialog>
  );
};

export default ImageDeleteDialog;