import{v as _,y as d}from"./index-ae60edf9.js";import{d as l,k as m,o as t,c as e,F as f,aI as h,u as L,aX as i}from"./@vue-cb50a1c4.js";const k={class:"absolute right-3 top-[23px] z-10 flex flex-col items-center"},I=["onClick"],g=l({__name:"AlphabetIndex",props:{newList:null},emits:["scrollToIndex"],setup(s,{emit:o}){const r=s,p=_(),x=m(()=>d(p.storeFriendList)),u=c=>{o("scrollToIndex",r.newList.findIndex(a=>a.title===c))};return(c,a)=>(t(),e("div",k,[(t(!0),e(f,null,h(L(x).indexList,n=>(t(),e("span",{key:n,class:"my-0.5 cursor-pointer text-xs text-sub-text",onClick:b=>u(n)},i(n),9,I))),128))]))}}),S={class:"flex h-[23px] items-center justify-start bg-[#E8EAEF] pl-5 text-xs text-sub-text"},v=l({__name:"LetterSection",props:{letterStr:null},setup(s){return(o,r)=>(t(),e("div",S,i(s.letterStr),1))}});export{g as _,v as a};
