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