import{jsx as o}from"react/jsx-runtime";import{useEditorMode as r,ProductProvider as s,isEmptyChildren as t}from"@gem-sdk/core";import e from"../../../carousel-v3/components/root/Carousel.js";import m from"../../../carousel-v3/components/item/CarouselItem.js";import i from"../../../grid/components/ChildrenDroppable.js";import{getData as l}from"./common/helpers.js";import{getAttr as a}from"./common/attrs.js";import{getStyle as c}from"./common/styles.js";import{getClass as n}from"./common/classes.js";let d=d=>{let{children:p,builderProps:u,productSortedById:f,advanced:j}=d,h=r(),{carouselConfigSetting:y,carouselConfigStyle:C}=l(d),{productListAttr:b,getAttrProductItemEditor:v}=a(d),{carouselItemStyle:g}=c(d),{carouselClass:D,productItemClass:I}=n(d);return o(e,{advanced:j,builderProps:{uid:u?.uid},rootAttrs:{...b},rootClass:D,setting:y,styles:C,isProductList:!0,children:f?.map(r=>o(m,{style:g,children:o(s,{product:r,readOnly:!0,children:o("div",{..."edit"===h?v(r?.baseID):{},className:I,children:t(p)?o(i,{}):p})})},r?.baseID))})};export{d as default};
