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