coffee/components/empty-cart/EmptyCart.jsx

import { Typography } from '@mui/material';

const EmptyCart = () => {
  return (
    <Typography
      sx={{
        mr: { lg: 1 },
        mt: 6,
        height: '100%',
        textAlign: 'center',
        fontSize: { xs: 36, md: 45 },
        mb: { md: 5 },
      }}
    >
      Your cart is currently empty
    </Typography>
  );
};

export default EmptyCart;