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