22 lines
440 B
TypeScript
22 lines
440 B
TypeScript
import { ImgHTMLAttributes } from "react";
|
|
|
|
interface Props extends ImgHTMLAttributes<any> {
|
|
fallback: string;
|
|
}
|
|
|
|
export function Image({ src, fallback, ...props }: Props) {
|
|
return (
|
|
<img
|
|
{...props}
|
|
src={src || fallback}
|
|
onError={({ currentTarget }) => {
|
|
currentTarget.onerror = null;
|
|
currentTarget.src = fallback;
|
|
}}
|
|
decoding="async"
|
|
alt="lume default img"
|
|
style={{ contentVisibility: "auto" }}
|
|
/>
|
|
);
|
|
}
|