'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("./common/styles.js"),o=require("./common/classes.js"),t=require("../../hooks/useCarouseItem.js"),i=require("../../../grid/components/ChildrenDroppable.js");exports.default=l=>{let{children:u,builderAttrs:a}=l,{handleClick:n,handleMouseMove:d,handleMouseOut:c}=t.useCarouselItem(l),{carouselItemStyle:m,carouselItemInnerStyle:j}=r.getStyle(l),{carouselItemClass:p,carouselItemInnerClass:h}=o.getClass(l);return e.jsx("div",{...a,"aria-hidden":!0,className:p,style:m,onClick:n,onMouseMove:d,onMouseLeave:c,children:e.jsx("div",{className:h,style:j,children:s.isEmptyChildren(u)?e.jsx(i.default,{}):u})})};
