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