import{WrapRenderChildren as s,RenderChildren as t,template as m}from"@gem-sdk/core";import{createStyle as o,createClass as e}from"@gem-sdk/system";import{getItemWrapperClasses as r,getPlaceHolderWrapperClasses as i}from"../common/classes.js";import{getItemWrapperStyles as l}from"../common/styles.js";let d=({builderProps:d,itemBackgroundColor:a,itemBorderStyle:u,itemCorner:c,itemShadow:p,rawChildren:f,itemStyles:n,hasItemShadow:y})=>{let $=o(l({itemBackgroundColor:a,itemBorderStyle:u,itemCorner:c,itemShadow:p,hasItemShadow:y,itemStyle:n})),v=e(r(d?.uid)),g=e(i);return m`<div
      class="${v}"
      style="${$}"
    >
      <div className="${g}"></div>
      ${f?.length?s({uid:d?.uid??"",customProps:f[0]?.customProps},f.map(s=>{if(s)return m`${t({...s,isNotFullWidth:!0,isNotLazyload:!0})}`})):""}
    </div>`};export{d as default};
