"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../helpers.js"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),a=require("../common/styles.js"),i=require("../common/classes.js");exports.default=l=>{let{builderAttrs:o,style:d,setting:c,children:m,styles:n,advanced:g,builderProps:$}=l,{preload:p}=c||{},{background:u}=n||{},f=t.createAttr({...s.getAttr({uid:$?.uid||""})}),y=t.createStyle({...a.getWrapperStyle(d,u)}),v=t.createClass({...i.getContainClasses(g?.cssClass)}),k=t.createStyle({...a.getContainStyle(n)});return e.template`
    ${e.RenderIf(!!p,`${e.RenderIf(!!u?.desktop?.image?.src,`<link rel="preload" href="${u?.desktop?.image?.src}" as="image" />`)}
      ${e.RenderIf(!!u?.tablet?.image?.src,`<link rel="preload" href="${u?.tablet?.image?.src}" as="image" />`)}
      ${e.RenderIf(!!u?.mobile?.image?.src,`<link rel="preload" href="${u?.mobile?.image?.src}" as="image" />`)}`)}
    <div ${{...f}} ${{...o}} style="${y}">
      ${t.If(e.isEmptyChildren(m),`<div>${r.getStaticLocale("IconListHoz","icons_not_found")}</div>`,e.template`<div class="${v}" style="${k}">
            ${m}
          </div>`)}
    </div>
  `};
