import{_ as a,S as m,c as r}from"./app.js";const u={name:"ThumbNavigationLink",components:{SoylentLink:m,CmmsResponsiveImage:r},props:["url","image","color","label"],computed:{elementStyle:function(){const e={};return this.image?e["background-color"]="transparent":this.color&&(e["background-color"]=this.color),e}}},n=window.Vue.resolveComponent,t=window.Vue.openBlock,s=window.Vue.createBlock,_=window.Vue.createCommentVNode,d=window.Vue.toDisplayString,w=window.Vue.createElementVNode,g=window.Vue.normalizeStyle,p=window.Vue.withCtx,y={class:"title"};function k(e,V,o,f,h,l){const i=n("CmmsResponsiveImage"),c=n("soylent-link");return t(),s(c,{url:o.url,style:g(l.elementStyle),class:"nav-item"},{default:p(()=>[o.image?(t(),s(i,{key:0,fill:!0,image:o.image},null,8,["image"])):_("",!0),w("span",y,d(o.label),1)]),_:1},8,["url","style"])}const v=a(u,[["render",k]]);export{v as T};