import type { Layout1DigitalImage } from "@/data/portfolio-layout1";
import Layout1Image from "./Layout1Image";

export default function Layout1DigitalShowcase({ images }: { images: Layout1DigitalImage[] }) {
  return (
    <div className="row">
      {images.map((image) => (
        <div key={image.id} className={image.columnClass}>
          <div
            className="digital-img"
            data-aos={image.aos}
            data-aos-duration={900}
            data-aos-delay={image.aosDelay}
          >
            <Layout1Image
              src={image.src}
              alt={image.alt}
              width={image.width}
              height={image.height}
              sizes={image.sizes}
              fluid={image.fluid}
            />
          </div>
        </div>
      ))}
    </div>
  );
}