Abstraction or no abstraction?

modal-abstraction.tsx

/* MUI interface for modals */

<Dialog
  open={openSaveDialog}
  onClose={toggle}
  aria-labelledby="form-dialog-title"
  maxWidth="sm"
  fullWidth
>
  <DialogTitle>{title}</DialogTitle>
  <DialogContent>{content}</DialogContent>
  <DialogActions>
    <Button onClick={toggle}>Cancel</Button>
    <Button type="submit">Save</Button>
  </DialogActions>
</Dialog>

/* This is how we could abstract it and wrap it with some default configs */
<Modal
  id="id"
  fullWidth
  open={openSaveDialog}
  onClose={toggle}
  modalTitle={title}
  modalContent={content}
  actionButtons={[
    {
      label: 'Cancel',
      onClick: toggle,
    },
    { label: 'Save', type: 'submit' },
  ]}
/>

Can anyone see any advantage in having MUI Dialog interface wrapped as shown in the latter abstraction?