text: import React from 'react';
  import Button from '@material-ui/core/Button';
  import Dialog from '@material-ui/core/Dialog';
  import DialogActions from '@material-ui/core/DialogActions';
  import DialogContent from '@material-ui/core/DialogContent';
  import DialogContentText from '@material-ui/core/DialogContentText';
  import DialogTitle from '@material-ui/core/DialogTitle';
  
  export default function ConfirmationDialog({open, cancelCallback, applyCallback, title, description, isProcessing}) {
  
      return (
          <div>
              <Dialog
                  open={open}
                  fullWidth={false}
                  maxWidth="sm"
                  aria-labelledby="alert-dialog-title"
                  aria-describedby="alert-dialog-description"
              >
                  <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
                  <DialogContent>
                      <DialogContentText id="alert-dialog-description">
                          {description}
                      </DialogContentText>
                  </DialogContent>
                  <DialogActions>
                      <Button onClick={() => cancelCallback()} color="primary">
                          Cancel
                      </Button>
                      <Button onClick={() => applyCallback()} color="primary" autoFocus>
                          Yes
                      </Button>
                  </DialogActions>
              </Dialog>
          </div>
      );
  }