import{composeAdvanceStyle as e,template as s,WrapRenderChildren as i,RenderChildren as a}from"@gem-sdk/core";import{getStaticLocale as r}from"../../helpers.js";import{createStyle as t,createClass as o,If as m}from"@gem-sdk/system";import{getContainerStyles as d,getUlStyles as l,getWrapperStyles as c}from"../common/styles.js";import{getUlClasses as p,getWrapperClasses as n}from"../common/classes.js";let $=({builderProps:$,style:u,setting:g,rawChildren:f,styles:k,advanced:v,pageContext:y})=>{let{preload:b}=g||{},{background:h}=k||{},x=e(v),L=t(d({style:u,styles:k,type:"Liquid",uid:$?.uid??"",pageContext:y,extraData:{advancedClasses:x,isLiquid:!0}})),j=o(p(v?.cssClass)),C=t(l(k)),I=t(c(k)),q=o(n());return s`
    ${m(!!b,`${m(!!h?.desktop?.image?.src,`<link rel="preload" href="${h?.desktop?.image?.src}" as="image" />`)}
      ${m(!!h?.tablet?.image?.src,`<link rel="preload" href="${h?.tablet?.image?.src}" as="image" />`)}
      ${m(!!h?.mobile?.image?.src,`<link rel="preload" href="${h?.mobile?.image?.src}" as="image" />`)}`)}
    <div class="${q}" style="${I}">
    <div
      data-id="${$?.uid}"
       style="${L}">
     ${m(!f,s`<div>${r("IconList","icons_not_found")}</div>`)}
     ${m(!!f,s`<ul
        class="${j}"
        style="${C}"
        >
        ${i({uid:$?.uid??"",customProps:f?.[0].customProps},f?.map((e,s)=>{if(e)return a({...e,dataIndex:s,parentUid:$?.uid,parentStyles:k})}))}
      </ul>`)}
  </div>
  </div>
  `};export{$ as default};
