import * as React from 'react';
import Button from '@mui/material/Button';
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';

export function IngredientAlert({open, handleClose, handleDelete, id, handleCloseParent}) {
    return (
        <React.Fragment>
            <Dialog
                open={open}
                onClose={handleClose}
                aria-labelledby="Предупреждение об удалении"
                aria-describedby="alert-dialog-description"
            >
                <DialogTitle id="alert-dialog-title">
                    {"Вы готовы удалить ингредиент?"}
                </DialogTitle>
                <DialogContent>
                    <DialogContentText id="alert-dialog-description">
                        После удаления ингредиента, удаляться все рецепты и коктейли связанные с ним!
                    </DialogContentText>
                </DialogContent>
                <DialogActions>
                    <Button onClick={handleClose}>Отмена</Button>
                    <Button color='error' onClick={() => {
                        handleClose();
                        handleCloseParent();
                        handleDelete(id)
                    }} autoFocus>
                        Удалить
                    </Button>
                </DialogActions>
            </Dialog>
        </React.Fragment>
    );
}