import React, { ImgHTMLAttributes, ReactElement, useEffect, useState } from 'react'
export default function FallbackImage ({
fallbackSrc,
src,
alt,
...props
}: ImgHTMLAttributes & { fallbackSrc?: string }): ReactElement {
const [showFallback, setShowFallback] = useState(false)
useEffect(() => {
setShowFallback(src === undefined || src === null || src === '')
}, [src])
const handleError = (event): void => {
if (props.onError != null) {
props.onError(event)
}
if (fallbackSrc === undefined || fallbackSrc === '') {
return
}
setShowFallback(true)
}
if (showFallback) {
return
}
return
}