bb-plane-fork/apps/web/app/compat/next/image.tsx
2025-11-06 14:08:48 +05:30

33 lines
812 B
TypeScript

"use client";
import React from "react";
// Minimal shim so code using next/image compiles under React Router + Vite
// without changing call sites. It just renders a native img.
type NextImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
src: string;
fill?: boolean;
priority?: boolean;
quality?: number;
placeholder?: "blur" | "empty";
blurDataURL?: string;
};
const Image: React.FC<NextImageProps> = ({
src,
alt = "",
fill,
priority: _priority,
quality: _quality,
placeholder: _placeholder,
blurDataURL: _blurDataURL,
...rest
}) => {
// If fill is true, apply object-fit styles
const style = fill ? { objectFit: "cover" as const, width: "100%", height: "100%" } : rest.style;
return <img src={src} alt={alt} {...rest} style={style} />;
};
export default Image;