import { Close } from "@mui/icons-material";
import { Dialog, DialogTitle, IconButton } from "@mui/material";
import ChangeStatusForm from "./Form";

const ChangeStatusDialog = ({ open, setOpen, mutate, row }) => {
    return (
        <Dialog open={open} fullWidth maxWidth="xs">
            <IconButton
                aria-label="close"
                onClick={() => setOpen(false)}
                sx={(theme) => ({
                    position: "absolute",
                    right: 8,
                    top: 8,
                    zIndex: 50,
                    color: theme.palette.grey[500],
                })}
            >
                <Close />
            </IconButton>
            <DialogTitle>تغییر وضعیت</DialogTitle>
            {open && <ChangeStatusForm setOpen={setOpen} mutate={mutate} row={row} />}
        </Dialog>
    );
};
export default ChangeStatusDialog;
