import type { Layout2GalleryImage } from "@/data/portfolio-layout2";
import Layout2Image from "./Layout2Image";

export default function Layout2ProductGallery({
  images,
  rowAosDelay,
}: {
  images: Layout2GalleryImage[];
  rowAosDelay: number;
}) {
  return (
    <div className="col-lg-6">
      <div
        className="row"
        data-aos="fade-right"
        data-aos-duration={900}
        data-aos-delay={rowAosDelay}
      >
        {images.map((image) => (
          <div key={image.id} className={image.columnClass}>
            <div className={image.wrapperClass}>
              <Layout2Image
                src={image.src}
                alt={image.alt}
                width={image.width}
                height={image.height}
                sizes={image.sizes}
                fluid={image.fluid}
              />
            </div>
          </div>
        ))}
      </div>
    </div>
  );
}