'use client';
import{jsx as e}from"react/jsx-runtime";import{useEditorMode as r,isEmptyChildren as o}from"@gem-sdk/core";import"../swiper/Swiper.js";import{SwiperSlide as s}from"../swiper/SwiperSlide.js";import{getStyle as m}from"./common/styles.js";import{getClass as i}from"./common/classes.js";import{useCarouselItem as t}from"../../hooks/useCarouseItem.js";import l from"../../../grid/components/ChildrenDroppable.js";let a=a=>{let{children:p,builderAttrs:d,parentSettings:n,builderProps:c}=a,{handleClick:u,handleMouseMove:f,handleMouseOut:j}=t(a),{indexKey:h}=a,k=c?.uid?`${c?.uid}-${h}`:h,w=r(),{carouselItemStyle:y,carouselItemInnerStyle:C}=m(a,w),{carouselItemClass:v,carouselItemInnerClass:M}=i(a);return e(s,{...d,"aria-hidden":!0,className:v,style:y,onClick:u,onMouseMove:f,onMouseLeave:j,dir:n?.rtl?"rtl":"ltr","data-carousel-item-key":k,children:e("div",{className:M,style:C,children:o(p)?e(l,{}):p})})};export{a as default};
