'use client';
import{jsx as m}from"react/jsx-runtime";import{filterToolbarPreview as r}from"@gem-sdk/core";import{Children as o,isValidElement as s}from"react";import{createClass as t,createStyle as e,createAttr as a}from"@gem-sdk/system";import{getClasses as i,getContainerClasses as l}from"../common/classes.js";import{getContainerStyle as c}from"../common/styles.js";import{getAttr as p}from"../common/attrs.js";let n=({styles:n={},style:d,builderAttrs:f,builderProps:u,children:y})=>{let{align:h,horizontalSpacing:j,verticalSpacing:g}=n,k=t({...i(u?.uid,h)}),v=t({...l()}),x=e({...c(g)}),N=a({...p({builderAttrs:f})});return m("div",{...N,className:k,style:{...d},children:m("ul",{className:v,style:x,children:o.map(r(y),r=>s(r)?m(r.type,{...r.props,horizontalSpacing:j}):null)})})};export{n as default};
