---
import Card from "./Card.astro";
import type { ImageData } from "./types";

export interface Props {
  images: ImageData[];
}

const { images } = Astro.props;
---

<div class="container">
  <div class="row row-cols-1 row-cols-md-2">
    {images.map((i) => 
      <Card imageData={i}  />
    )}
  </div>
</div>