make gallery accept a prop for images

src/components/ImageComponent/ShittyGallery.astro

@@ -1,10 +1,22 @@
 ---
-import MyCustomImageComponent from "./MyCustomImageComponent.astro";
+import { Image } from "astro:assets";
+import ImageWrapper from "../react/Images/ImageWrapper.tsx";
+
+interface Props {
+    images: any;
+}
+
+const { images } = Astro.props;
 ---
 
-<MyCustomImageComponent
-    imagePath="/src/images/photography/cows_of_mendip_hills/cows-of-mendip-hills-3.jpg"
-    altText="A picture of some cows"
-    name="Priya"
-    age={25}
-/>
+<div class="card">
+    {
+        Object.keys(images).map((image) => {
+            return (
+                <ImageWrapper client:only>
+                    <Image src={images[image]()} alt={"image"} />
+                </ImageWrapper>
+            );
+        })
+    }
+</div>

src/content/blog/cows-of-mendip-hills.mdx

@@ -3,14 +3,18 @@ layout: '../../layouts/BaseLayout.astro'
 date: "2023-11-27"
 title: "The Cows of Mendip Hills"
 tags: ["photography"]
+
 ---
 
 import DummyComponent from '../../components/DummyComponent/DummyComponent.astro';
 import ShittyGallery from "../../components/ImageComponent/ShittyGallery.astro";
 
+
 <DummyComponent />
 
 
 # The Cows of Mendip Hills
 
-<ShittyGallery />
+<ShittyGallery images={import.meta.glob(
+    "/src/images/photography/cows_of_mendip_hills/*.{jpeg,jpg,png,gif}"
+)}/>