"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("./Divider.liquid.js"),t=require("@gem-sdk/system"),l=require("../common/classes.js"),a=require("../common/styles.js"),r=require("../common/helpers.js");exports.default=i=>{let{className:c,setting:n,styles:o,advanced:y,builderProps:d}=i,{text:g,iconSvg:$}=n??{},p=r.getConfigLine({styles:o,setting:n}),u=t.createClass(l.getClassContainerLine({className:c,styles:o,advanced:y})),C=t.createClass(l.getClassWrapNotIcon({className:c,setting:n})),f=t.createClass(l.getClassWrapIcon({className:c,setting:n})),m=t.createClass(l.getClassIcon()),S=t.createClass(l.getClassText({styles:o})),v=t.createStyle(a.getStyleWrapNotIcon({styles:o})),I=t.createStyle(a.getStyleWrapIcon({styles:o})),q=t.createStyle(a.getStyleIcon({styles:o,setting:n})),x=t.createStyle(a.getStyleContainerText({styles:o}));return e.template`
    <div data-id="${d?.uid}" class="${u}">
      <div style="${v}" class="${C}"></div>
      <div class="${f}" style="${I}">
        ${s.default({config:p,fixedSide:"left",className:c})}
        ${t.If(!!$,e.template`
            <span
              class="${m}"
              style="${q}"
            >
              ${$}
            </span>
          `)}
        ${t.If(!!g,e.template`
            <span
              class="${S}"
              style="${x}"
            >
              ${g}
            </span>
          `)}
        ${s.default({config:p,fixedSide:"right",className:c})}
      </div>
    </div>
  `};
