'use client';
import{jsx as e}from"react/jsx-runtime";import{isEmptyChildren as o}from"@gem-sdk/core";import{getStyle as r}from"./common/styles.js";import{getClass as s}from"./common/classes.js";import{useCarouselItem as m}from"../../hooks/useCarouseItem.js";import t from"../../../grid/components/ChildrenDroppable.js";let i=i=>{let{children:l,builderAttrs:a}=i,{handleClick:n,handleMouseMove:c,handleMouseOut:d}=m(i),{carouselItemStyle:p,carouselItemInnerStyle:u}=r(i),{carouselItemClass:f,carouselItemInnerClass:h}=s(i);return e("div",{...a,"aria-hidden":!0,className:f,style:p,onClick:n,onMouseMove:c,onMouseLeave:d,children:e("div",{className:h,style:u,children:o(l)?e(t,{}):l})})};export{i as default};
