@adyen/adyen-web
Version:
[](https://www.npmjs.com/package/@adyen/adyen-web)
3 lines (2 loc) • 773 B
JavaScript
import{useState as e,useRef as a,useEffect as r}from"../../../external/preact/hooks/dist/hooks.js";import t from"../../../_virtual/index.js";import{createElement as o}from"../../../external/preact/dist/preact.js";function s(s){const{backgroundUrl:c="",className:n="",classNameModifiers:l=[],src:m="",alt:d="",showOnError:i=!1}=s,[u,f]=e(!1),p=a(null),g=()=>{f(!0)},k=t([n],"adyen-checkout__image",{"adyen-checkout__image--loaded":u},...l.map(e=>`adyen-checkout__image--${e}`));return r(()=>{const e=c?new Image:p.current;e.src=c||m,e.onload=g,f(!!e.complete)},[]),c?o("div",{"data-testid":"background",style:{backgroundUrl:c},...s,className:k}):o("img",{...s,alt:d,ref:p,className:k,onError:e=>{f(i),s?.onError?.(e)}})}export{s as default};
//# sourceMappingURL=Img.js.map