'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./Divider.js"),t=require("@gem-sdk/system"),l=require("../common/classes.js"),a=require("../common/styles.js"),r=require("../common/helpers.js");exports.default=c=>{let{className:n,setting:i,styles:o,advanced:y,builderProps:d}=c,{text:g,iconSvg:u}=i??{},m=r.getConfigLine({styles:o,setting:i}),x=t.createClass(l.getClassContainerLine({className:n,styles:o,advanced:y})),j=t.createClass(l.getClassWrapNotIcon({className:n,setting:i})),C=t.createClass(l.getClassWrapIcon({className:n,setting:i})),f=t.createClass(l.getClassIcon()),S=t.createClass(l.getClassText({styles:o})),p=t.createStyle(a.getStyleWrapNotIcon({styles:o})),I=t.createStyle(a.getStyleWrapIcon({styles:o})),N=t.createStyle(a.getStyleIcon({styles:o,setting:i})),h=t.createStyle(a.getStyleContainerText({styles:o}));return e.jsxs("div",{"data-id":d?.uid,className:x,children:[e.jsx("div",{style:p,className:j}),e.jsxs("div",{className:C,style:I,children:[e.jsx(s.default,{config:m,fixedSide:"left",className:n}),t.If(!!u,e.jsx("span",{className:f,style:N,dangerouslySetInnerHTML:{__html:u??""}})),t.If(!!g,e.jsx("span",{className:S,style:h,dangerouslySetInnerHTML:{__html:g??""}})),e.jsx(s.default,{config:m,fixedSide:"right",className:n})]})]})};
