'use client';
import{jsxs as e,jsx as s}from"react/jsx-runtime";import m from"./Divider.js";import{createClass as r,createStyle as t,If as i}from"@gem-sdk/system";import{getClassContainerLine as o,getClassWrapNotIcon as l,getClassWrapIcon as a,getClassIcon as n,getClassText as d}from"../common/classes.js";import{getStyleWrapNotIcon as c,getStyleWrapIcon as f,getStyleIcon as p,getStyleContainerText as y}from"../common/styles.js";import{getConfigLine as g}from"../common/helpers.js";let h=h=>{let{className:u,setting:j,styles:N,advanced:v,builderProps:x}=h,{text:S,iconSvg:_}=j??{},L=g({styles:N,setting:j}),H=r(o({className:u,styles:N,advanced:v})),I=r(l({className:u,setting:j})),M=r(a({className:u,setting:j})),T=r(n()),k=r(d({styles:N})),D=t(c({styles:N})),b=t(f({styles:N})),q=t(p({styles:N,setting:j})),w=t(y({styles:N}));return e("div",{"data-id":x?.uid,className:H,children:[s("div",{style:D,className:I}),e("div",{className:M,style:b,children:[s(m,{config:L,fixedSide:"left",className:u}),i(!!_,s("span",{className:T,style:q,dangerouslySetInnerHTML:{__html:_??""}})),i(!!S,s("span",{className:k,style:w,dangerouslySetInnerHTML:{__html:S??""}})),s(m,{config:L,fixedSide:"right",className:u})]})]})};export{h as default};
