import{a as t,c as r,e as l,u as s,U as u,n as c,t as i,g as d}from"./vendor-3-7-103.js";import{_ as f}from"./_plugin-vue_export-helper-3-7-103.js";const g=["src"],p={key:0,class:"text-white py-2 px-1 text-center text-[12px] absolute top-0 right-5 rounded-b-full",style:{"background-color":"#0056ff","background-image":"linear-gradient(19deg, #0056ff 30%, #b721ff 100%)"}},m={key:1,class:"inline-flex items-center bg-red-100 text-red-800 text-xs font-bold mr-2 px-2.5 py-1 rounded-full gap-1"},h={__name:"NavElement",props:{active:{type:Boolean,default:!1},icon:{type:String,required:!0},newBadge:{type:Boolean,default:!1},errorBadge:{type:Boolean,default:!1}},setup(e){const a=window.gpos.assets_url,o=window.gpos.total_error_count;return(n,v)=>(t(),r("div",{class:c(`relative py-4 pl-8 border-l-4 border-b cursor-pointer flex items-center font-medium text-sm
   ${e.active?" bg-white border-l-blue-800":"border-l-[#FAFAFA] bg-[#FAFAFA]"}`)},[l("img",{class:"w-5 h-5 mr-3 text-blue-600",src:`${s(a)}/images/settings/${e.icon}.svg`,alt:""},null,8,g),l("div",{class:c(`${e.active?"text-black":"text-[#6E778A]"} flex gap-2 w-full items-center `)},[u(n.$slots,"default")],2),e.newBadge?(t(),r("div",p,i(n.$t("new")),1)):d("",!0),e.errorBadge&&parseInt(s(o))>0?(t(),r("div",m,i(s(o)),1)):d("",!0)],2))}},x={},b={class:"pl-8 py-1 text-[10px] font-[700] uppercase"};function _(e,a){return t(),r("div",b,[u(e.$slots,"default")])}const B=f(x,[["render",_]]);export{B as N,h as _};
