'use client';
import{jsxs as s,jsx as t}from"react/jsx-runtime";import{Fragment as e}from"react";import{createAttr as o,createClass as l,createStyle as m,If as r}from"@gem-sdk/system";import i from"../../link/components/Link.js";import{getAttr as n}from"../common/attrs.js";import{getContainerClasses as a,getIconClasses as c}from"../common/classes.js";import{getWrapperStyle as d,getContainerStyle as p,getIconStyle as u}from"../common/styles.js";let f=({styles:f,builderAttrs:g,builderProps:y,setting:k={},style:h,children:j,advanced:N})=>{let{iconSvg:v,iconLink:w,iconLinkEnable:x}=k,C=w?.link&&x?i:e,F=w?.link?{setting:{type:"custom",href:w?.link,target:w?.target,label:w?.title,noFollow:w?.noFollow}}:{},I=o({...n({uid:y?.uid??"",builderAttrs:g})}),L=o({...y?.uid&&{"data-id":y?.uid}}),_=l({"gp-leading-[0]":!0,...y?.uid&&{[y.uid]:!0},...N?.cssClass&&{[N.cssClass]:!0}}),b=l({...a({styles:f,builderProps:y})}),H=l({...c({styles:f})}),M=m({...d(h,f)}),S=m({...p(f)}),T=m({...u(f)});return s("div",{...I,style:M,className:_,children:[t("div",{...L,className:b,style:S,children:r(!!v,t(C,{...F,children:t("span",{style:T,className:H,dangerouslySetInnerHTML:{__html:v||""}})}))}),j]})};export{f as default};
