'use client';
import{jsxs as e,Fragment as r,jsx as m}from"react/jsx-runtime";import{isEmptyChildren as i,filterToolbarPreview as o}from"@gem-sdk/core";import{Children as s,isValidElement as t}from"react";import a from"next/head";import{createAttr as l,createStyle as d,createClass as c,If as n}from"@gem-sdk/system";import{getAttr as p}from"../common/attrs.js";import{getWrapperStyle as f,getContainStyle as g}from"../common/styles.js";import{getContainClasses as h}from"../common/classes.js";let u=u=>{let{builderAttrs:k,style:y,setting:b,children:j,styles:v,advanced:x,builderProps:I}=u,{preload:z}=b||{},{background:C}=v||{},H=l({...p({uid:I?.uid||""})}),L=d({...f(y,C)}),N=c({...h(x?.cssClass)}),q=d({...g(v)});return e(r,{children:[!!z&&e(a,{children:[!!C?.desktop?.image?.src&&m("link",{rel:"preload",href:C.desktop.image.src,as:"image"}),!!C?.tablet?.image?.src&&m("link",{rel:"preload",href:C.tablet.image.src,as:"image"}),!!C?.mobile?.image?.src&&m("link",{rel:"preload",href:C.mobile.image.src,as:"image"})]}),m("div",{...H,...k,"data-id":I?.uid,style:L,children:n(i(j),m("div",{children:"Icons not found"}),e(r,{children:[m("div",{className:N,style:q,children:s.map(o(j),e=>t(e)?m(e.type,{...e.props}):null)}),o(j,!0)]}))})]})};export{u as default};
