import { Box } from '@mui/system';
import FeaturedProduct from '../featured-product/FeaturedProduct';

const FeaturedProductsList = () => {
  return (
    <Box
      sx={{
        width: '100%',
        minHeight: 1000,
        display: 'flex',
        flexDirection: 'column',
      }}
    >
      <FeaturedProduct
        bColor="dark"
        image="/images/coffee-bag 1.png"
        side="left"
      ></FeaturedProduct>
      <FeaturedProduct
        bColor="light"
        image="/images/Item 2.png"
        side="right"
      ></FeaturedProduct>
    </Box>
  );
};

export default FeaturedProductsList;
