{"size": 422, "ext": "js", "max_stars_repo_path": "resources/js/components/Carousel/ImageSlide.js", "max_stars_repo_name": "lartisan/dfl-clone", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "resources/js/components/Carousel/ImageSlide.js", "max_issues_repo_name": "lartisan/dfl-clone", "max_issues_repo_issues_event_min_datetime": "2021-02-02T18:11:16.000Z", "max_issues_repo_issues_event_max_datetime": "2021-02-02T18:11:16.000Z", "max_forks_repo_path": "resources/js/components/Carousel/ImageSlide.js", "max_forks_repo_name": "lartisan/dfl-clone", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 26.375, "max_line_length": 79, "alphanum_fraction": 0.6398104265}
import React from "react";

import ProductCard from "../Products/Product/ProductCard";

const ImageSlide = ({ products }) => {
    let outputProducts = products.map((product, key) => (
        <div className="w-full md:w-1/2 lg:w-1/6 flex flex-col" key={key}>
            <ProductCard imgClasses="aspect-3x4 rounded-t" product={product} />
        </div>
    ));

    return outputProducts;
};

export default ImageSlide;
