Content Thumbnail default breakpoint

2025-09-04 21:11:17 -06:00
parent b54ddb16ba
commit 3a4b2d44c2
17 changed files with 894 additions and 11 deletions
@@ -0,0 +1,37 @@
+"use client";
+
+import React from "react";
+
+/**
+ * Simple image placeholder component for testing
+ * Generates colored backgrounds with text overlays
+ */
+const ImagePlaceholder = ({
+  width = 260,
+  height = 390,
+  text = "Blog Image",
+  color = "blue",
+  className = "",
+}) => {
+  const colors = {
+    blue: "bg-blue-500",
+    green: "bg-green-500",
+    purple: "bg-purple-500",
+    red: "bg-red-500",
+    orange: "bg-orange-500",
+    teal: "bg-teal-500",
+  };
+
+  const bgColor = colors[color] || colors.blue;
+
+  return (
+    <div
+      className={`${bgColor} flex items-center justify-center text-white font-bold text-lg ${className}`}
+      style={{ width: `${width}px`, height: `${height}px` }}
+    >
+      {text}
+    </div>
+  );
+};
+
+export default ImagePlaceholder;