import Grid from "@mui/material/Grid";
import {Stack} from "@mui/material";
import Typography from "@mui/material/Typography";
import {CocktailItemStyled} from "./CocktailItemStyled";

export function NoResult({load}) {
    return (
        <Grid item lg={4} md={6} sm={12} xl={3} hidden={!load}>
            <CocktailItemStyled>
                <Stack align="center" sx={{width: "350px"}}>
                    <Typography variant="h5" minHeight={'50px'} mt={2}>Нет результатов</Typography>
                    <Typography>Попробуйте заглянуть позднее</Typography>
                </Stack>
            </CocktailItemStyled>
        </Grid>
    )
}