import{template as s}from"@gem-sdk/core";import i from"./Divider.liquid.js";import{createClass as e,createStyle as o,If as m}from"@gem-sdk/system";import{getClassContainerLine as t,getClassWrapNotIcon as r,getClassWrapIcon as d,getClassIcon as l,getClassText as $}from"../common/classes.js";import{getStyleWrapNotIcon as a,getStyleWrapIcon as c,getStyleIcon as f,getStyleContainerText as n}from"../common/styles.js";import{getConfigLine as p}from"../common/helpers.js";let Line=v=>{let{className:y,setting:g,styles:j,advanced:u,builderProps:x}=v,{text:h,iconSvg:k}=g??{},L=p({styles:j,setting:g}),S=e(t({className:y,styles:j,advanced:u})),q=e(r({className:y,setting:g})),D=e(d({className:y,setting:g})),b=e(l()),w=e($({styles:j})),z=o(a({styles:j})),A=o(c({styles:j})),B=o(f({styles:j,setting:g})),C=o(n({styles:j})),E={config:L,fixedSide:"left",className:y},F={config:L,fixedSide:"right",className:y};return s`
    <div data-id="${x?.uid}" class="${S}">
      <div style="${z}" class="${q}"></div>
      <div class="${D}" style="${A}">
        ${i(E)}
        ${m(!!k,s`
            <span
              class="${b}"
              style="${B}"
            >
              ${k}
            </span>
          `)}
        ${m(!!h,s`
            <span
              class="${w}"
              style="${C}"
            >
              ${h}
            </span>
          `)}
        ${i(F)}
      </div>
    </div>
  `};export{Line as default};
