import{template as m}from"@gem-sdk/core";import{createStyle as e,createClass as o}from"@gem-sdk/system";import{getNextImageClasses as s}from"../common/classes.js";import{getNextImageStyles as t}from"../common/styles.js";import{getNextImageLiquidAttrs as r}from"../common/attrs.js";let i=i=>{let{style:a,setting:l,priority:p,className:n,pageContext:c,width:d,height:f,customLazyload:g,isDisableObjectFit:y,isDisableAspectStyle:$}=i,j=!g&&(c?.enableLazyLoadImage??!0)&&!p,z=e({...a,...t({width:d,height:f,setting:l,isDisableObjectFit:y,isDisableAspectStyle:$})}),k=o({...s({className:n,hasLazyLoad:j,isOptimizePlan:c?.isOptimizePlan})}),u=r(i);return m`
    <img
      ${u}
      id="${i?.id}"
      style="${z}"
      class="${k}"
    />`};export{i as default};
