'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("../../grid/components/ChildrenDroppable.js"),t=require("react"),l=require("../hooks/useMarqueeItem.js"),a=require("@gem-sdk/system"),i=require("../common/styles.js"),m=require("../common/classes.js"),u=t.memo(({children:u,builderAttrs:p,builderProps:o,itemBackgroundColor:c,itemBorderStyle:d,itemCorner:n,itemShadow:g,index:q,activeItem:y,hoverItem:C,timeToScroll:h,setHoverItem:j,setActiveItem:x,hasItemShadow:f,...I})=>{let{isActive:W}=l.useMarqueeItem({index:q,activeItem:y,hoverItem:C,timeToScroll:h,setHoverItem:j,setActiveItem:x}),v=a.createStyle(i.getItemWrapperStyles({itemBackgroundColor:c,itemBorderStyle:d,itemCorner:n,itemShadow:g,hasItemShadow:f,itemStyle:I.itemStyle})),N=a.createClass(s.composeClasses("gp-w-full gp-h-full gp-bg-[#3C67FF26] gp-absolute gp-top-0 gp-left-0 gp-z-10")),b=a.createClass(m.getItemWrapperClasses(o?.uid,I.className)),S=a.createClass(m.getPlaceHolderWrapperClasses);return e.jsxs("div",{...p,...I,className:b,style:v,children:[e.jsx("div",{className:S}),s.isEmptyChildren(u)?e.jsx(r.default,{}):t.Children.toArray(u).map(e=>t.cloneElement(e,{maxWidthWithEmptyChildren:"400px",isNotFullWidth:!0,options:{uniqueId:`${o?.uid}-${q}`}})),a.If(W,e.jsx("div",{className:N}))]})});exports.default=u;
