"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/helpers.js"),r=require("../common/attrs.js"),l=require("../common/classes.js"),a=require("../common/styles.js");exports.default=({style:i,builderAttrs:c,builderProps:d,setting:u={},styles:n,advanced:o})=>{let{iconSvg:y,iconLinkEnable:g}=u,{Wrap:m,urlData:$,iconLink:p}=s.getLink(u,!0),C=p?.link&&g?{href:$.href,target:$?.target,title:p?.title,rel:$?.rel}:{},q=t.createAttr({...r.getAttr({uid:d?.uid??"",builderAttrs:c})}),v=t.createAttr({...d?.uid&&{"data-id":d?.uid}}),S=t.createClass({"gp-leading-[0]":!0,...d?.uid&&{[d.uid]:!0},...o?.cssClass&&{[o.cssClass]:!0}}),f=t.createClass({...l.getContainerClasses({styles:n,builderProps:d})}),j=t.createClass({...l.getIconClasses({styles:n})}),k=t.createStyle({...a.getWrapperStyle(i,n)}),h=t.createStyle({...a.getContainerStyle(n)}),A=t.createStyle({...a.getIconStyle(n)});return t.Liquid(e.template`
    <div ${q} class="${S}" style="${k}">
      <div ${v} class="${f}" style="${h}">
      ${t.If(!!y,e.template`
        <${m} ${C}>
          <span style="${A}" class="${j}">${y}</span>
        </${m}>`)}
      </div>
    </div>
    `)};
