1import React from 'react';
 2import Dialog from '@material-ui/core/Dialog';
 3import DialogActions from '@material-ui/core/DialogActions';
 4import DialogContent from '@material-ui/core/DialogContent';
 5import DialogContentText from '@material-ui/core/DialogContentText';
 6import Slide from '@material-ui/core/Slide';
 7import Button from '@material-ui/core/Button';
 8import {useTranslation} from 'react-i18next';
 9
10const Transition = React.forwardRef(function Transition(props, ref) {
11  return <Slide direction="up" ref={ref} {...props} />;
12});
13
14const RemoveDialog = ({text, open, onClose, onRemove}) => {
15  const {t} = useTranslation();
16
17  return (
18    <Dialog open={open} TransitionComponent={Transition} onClose={onClose}>
19      <DialogContent>
20        <DialogContentText>{text}</DialogContentText>
21      </DialogContent>
22      <DialogActions>
23        <Button onClick={onClose} id="CarRemoveCancel">
24          {t('generic.cancel')}
25        </Button>
26        <Button
27          id="CarRemoveConfirm"
28          onClick={() => {
29            onRemove();
30            onClose();
31          }}
32        >
33          {t('generic.confirm')}
34        </Button>
35      </DialogActions>
36    </Dialog>
37  );
38};
39
40export default RemoveDialog;