"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[6],{5:(e,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.LazyImage=function({src:e,initialWidth:t,fullSizeWidth:s,cssClass:c,alt:i="",width:u,height:o,style:r}){var d;const g=(0,l.useRef)(null),[f,m]=(0,l.useState)(!1),h=n(e,t,s,f);return(0,l.useEffect)((()=>{var e;!f&&(null===(e=g.current)||void 0===e?void 0:e.complete)&&m(!0)}),[null===(d=g.current)||void 0===d?void 0:d.complete]),u&&o?(0,a.jsx)("img",{ref:g,loading:"lazy",src:h,onLoadStart:()=>m(!0),onLoad:()=>m(!0),class:c,alt:i,width:u,height:o,style:r}):(0,a.jsx)("img",{src:h,class:c,alt:i,style:r})},t.useBestImage=n;const a=s(0),c=s(4),l=s(2);function n(e,t,s,a=!0){const n=(0,c.getFastImage)(e,t),i=(0,c.getFastImage)(e,s),[u,o]=(0,l.useState)({}),r=(0,l.useMemo)((()=>u[i]?i:n),[e,t,s,u]);return(0,l.useEffect)((()=>{if(a&&document&&r!==i){const e=document.createElement("img");e.src=i,e.onload=()=>o(Object.assign(Object.assign({},u),{[i]:!0}))}}),[a,i]),r}}}]);