currentjarred/fetch-experiment

1 files changed, 36 insertions, 0 deletions

diff --git a/packages/bun-framework-next/next-image-polyfill.tsx b/packages/bun-framework-next/next-image-polyfill.tsx
new file mode 100644
index 000000000..edc3775d7
--- /dev/null
+++ b/packages/bun-framework-next/next-image-polyfill.tsx
@@ -0,0 +1,36 @@
+function NextImagePolyfill({
+  src,
+  width,
+  height,
+  objectFit,
+  style,
+  layout,
+  ...otherProps
+}) {
+  var _style = style;
+  if (layout === "fit") {
+    objectFit = "contain";
+  } else if (layout === "fill") {
+    objectFit = "cover";
+  }
+
+  if (objectFit) {
+    if (!_style) {
+      _style = { objectFit: objectFit };
+    } else {
+      _style.objectFit = objectFit;
+    }
+  }
+
+  return (
+    <img
+      src={src}
+      width={width}
+      height={height}
+      style={_style}
+      {...otherProps}
+    />
+  );
+}
+
+export default NextImagePolyfill;