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