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