import { Carousel } from "react-bootstrap";
const FeaturedList = ({ products }) => {

    return (
        <Carousel variant="dark" className="featured-lst">
            {products.map((product) => (
                <Carousel.Item className="featured-itm">
                    <img
                        className="featured-img"
                        src={product.imageUrl}
                    />
                    <Carousel.Caption className="featured-info">
                        <h3>{product.title}</h3>
                        <p>{product.description}</p>
                        <h5>Seulement</h5>
                        <h4 className="featured-prc">{product.price}$+tx</h4>
                    </Carousel.Caption>
                </Carousel.Item>
            ))}
        </Carousel>
    );
}

export default FeaturedList;