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