import{a0 as c,c as l,o as n,a4 as i,r as d,K as m,w as _,L as f,b as $,t as B,aL as h,j as o}from"./main-FAzQ_AST.js";const x={name:"List"},y={class:"list-none"};function k(e,a,t,s,r,u){return n(),l("div",y,[i(e.$slots,"default")])}const v=c(x,[["render",k]]),C={name:"ListItem",props:{title:{type:String,required:!1,default:""},active:{type:Boolean,required:!0},index:{type:Number,default:null}},setup(e,{slots:a}){const t="cursor-pointer pb-2 pr-0 text-sm font-medium leading-5  flex items-center";let s=o(()=>!!a.icon),r=o(()=>e.active?`${t} text-primary-500`:`${t} text-gray-500`);return{hasIconSlot:s,containerClass:r}}},L={key:0,class:"mr-3"};function g(e,a,t,s,r,u){const p=d("router-link");return n(),m(p,h(e.$attrs,{class:s.containerClass}),{default:_(()=>[s.hasIconSlot?(n(),l("span",L,[i(e.$slots,"icon")])):f("",!0),$("span",null,B(t.title),1)]),_:3},16,["class"])}const I=c(C,[["render",g]]);export{v as B,I as a};
