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