'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),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}=e,{handleClick:t,handleMouseMove:o,handleMouseOut:l}=useCarouseItem.useCarouselItem(e),{carouselItemStyle:u,carouselItemInnerStyle:i}=styles.getStyle(e),{carouselItemClass:a,carouselItemInnerClass:n}=classes.getClass(e);return jsxRuntime.jsx("div",{...r,"aria-hidden":!0,className:a,style:u,onClick:t,onMouseMove:o,onMouseLeave:l,children:jsxRuntime.jsx("div",{className:n,style:i,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})};exports.default=CarouselItem;
