aboutsummaryrefslogtreecommitdiff
path: root/packages/bun-framework-next/next-image-polyfill.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/bun-framework-next/next-image-polyfill.tsx')
-rw-r--r--packages/bun-framework-next/next-image-polyfill.tsx36
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;