@adyen/adyen-web/dist/es/components/internal/Img/Img.js

[](https://www.npmjs.com/package/@adyen/adyen-web)

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 s}from"../../../external/preact/dist/preact.js";function o(o){const{backgroundUrl:c="",className:n="",classNameModifiers:l=[],src:m="",alt:d="",showOnError:i=!1}=o,[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?s("div",{"data-testid":"background",style:{backgroundUrl:c},...o,className:k}):s("img",{...o,alt:d,ref:p,className:k,onError:()=>{f(i)}})}export{o as default};
//# sourceMappingURL=Img.js.map