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