All files / src/utils/components/dialogs SimpleDialog.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
3x
39x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
import { Dialog, DialogContent, DialogActions, DialogTitle } from "@mui/material";
 
const SimpleDialog = ({ open, setOpen, title, children, actions }) => {
    return (
        <Dialog
            open={open}
            aria-labelledby="alert-dialog-title"
            aria-describedby="alert-dialog-description"
            fullWidth
            PaperProps={{
                sx: {
                    height: "75vh", // medium height
                },
            }}
        >
            <DialogTitle>{title}</DialogTitle>
            <DialogContent>{children}</DialogContent>
            <DialogActions sx={{ mt: 3, display: "flex", justifyContent: "flex-end" }}>{actions}</DialogActions>
        </Dialog>
    );
};
 
export default SimpleDialog;