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