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