https://tailwindadmin-tanstack-pro-dark.netlify.app/assets/followers-CAbV4Jsh.js

1import{r as o,j as s}from"./main-BkpAS6Tt.js";import{B as c}from"./BreadcrumbComp-DdXArMCY.js";import{U as t,a as d}from"./index-Cxby5Sgs.js";import{P as x}from"./ProfileBanner-DO1wk3j7.js";import{I as l}from"./iconify-BLAYqHQO.js";import{C as p}from"./card-DoRMGzGn.js";import{B as h}from"./badge-BVkGl1_x.js";import{B as i}from"./button-CVuE7h15.js";import{A as j,a as u,b as g}from"./avatar-Da6FP_Y6.js";import{P as v}from"./animatedinput-placeholder-TBMz1eaM.js";import"./_commonjsHelpers-CE1G-McA.js";import"./CardBox-CY_4CfKs.js";import"./index-Q9o1Xzwm.js";import"./index-Bj56izVu.js";import"./useLocation-Dd5PTvl6.js";import"./user-1-BJMQmRW9.js";import"./index-SBmwp1cl.js";import"./iconBase-DXJqPHOa.js";import"./utils-4perknFd.js";import"./index-Cft9Cwv8.js";import"./index-QqyytP6n.js";import"./index-L0SKbviM.js";import"./index-BHinUB-C.js";import"./index-CfThMl9f.js";import"./input-D3PXSnUk.js";import"./proxy-D5o9uXNM.js";const f=()=>{const{followers:r,toggleFollow:a,search:n,setSearch:m}=o.useContext(t);return o.useContext(t),s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"md:flex justify-between mb-6",children:[s.jsxs("h5",{className:"text-2xl flex gap-3 items-center sm:my-0 my-4",children:["Followers"," ",s.jsx(h,{color:"secondary",className:"rounded-md",children:r.length})]}),s.jsxs("div",{className:"relative",children:[s.jsx("span",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:s.jsx(l,{icon:"solar:magnifer-line-duotone",height:18})}),s.jsx(v,{value:n,onChange:m,placeholders:["Search followers...","Find followers...","Look up followers..."]})]})]}),s.jsx("div",{className:"grid grid-cols-12 gap-6",children:r.map(e=>s.jsx("div",{className:"lg:col-span-4 md:col-span-6 sm:col-span-6 col-span-12",children:s.jsx(p,{children:s.jsxs("div",{className:"flex gap-3",children:[s.jsxs(j,{className:"shrink-0",children:[s.jsx(u,{src:e.avatar,alt:String(e.name)}),s.jsx(g,{children:String(e.name).charAt(0)})]}),s.jsxs("div",{children:[s.jsx("h6",{className:"text-base",children:e.name}),s.jsxs("p",{className:"flex gap-1 items-center mt-0.5",children:[s.jsx(l,{icon:"solar:map-point-outline",height:"14"})," ",s.jsx("span",{className:" truncat line-clamp-1 text-wrap text-darklink",children:e.country})]})]}),s.jsx("div",{className:"ms-auto",children:e.isFollowed?s.jsx(i,{onClick:()=>a(e.id),children:"Followed"}):s.jsx(i,{variant:"outline",onClick:()=>a(e.id),children:"Follow"})})]})})},e.id))})]})},N=()=>s.jsx(s.Fragment,{children:s.jsx(d,{children:s.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[s.jsx("div",{className:"col-span-12",children:s.jsx(x,{})}),s.jsx("div",{className:"col-span-12",children:s.jsx(f,{})})]})})}),w=[{to:"/",title:"Home"},{title:"Followers"}];function W(){return s.jsxs(s.Fragment,{children:[s.jsx(c,{title:"Followers",items:w}),s.jsx(N,{})]})}export{W as component};