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