From c09ede18f85ed59eb5a944486416358037218a6f Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 29 Sep 2025 20:57:53 +0100
Subject: [PATCH] demo box component

---
 src/components/Demo.astro | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/Demo.astro

diff --git a/src/components/Demo.astro b/src/components/Demo.astro
new file mode 100644
index 00000000..6874ca93
--- /dev/null
+++ b/src/components/Demo.astro
@@ -0,0 +1,26 @@
+---
+interface Props {
+    image: string;
+    title: string;
+    type?: "boxed" | "simple";
+}
+
+const { image, title, type = "simple" } = Astro.props;
+---
+
+{type === "boxed" ? (
+    <div class="border demo-border">
+        <span>{title}</span>
+        <img
+            src={image}
+            alt={title}
+            class="object-cover"
+        />
+    </div>
+) : (
+    <img
+        src={image}
+        alt={title}
+        class="w-full h-full object-cover demo-border"
+    />
+)}
\ No newline at end of file