https://sophicol.org/_next/static/chunks/filters-BoO3OVTY.js

1import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{i as t,r as n}from"./framework-Dq6Nfbr2.js";import r from"./link-BcfMIt4c.js";import i from"./workers-image-7CecxCre.js";var a=e(t(),1),o=n();function s({researchers:e,areas:t,institutions:n}){let[s,c]=(0,a.useState)(``),[l,u]=(0,a.useState)(``),[d,f]=(0,a.useState)(``),p=(0,a.useMemo)(()=>{let t=s.trim().toLocaleLowerCase(`es`);return e.filter(e=>l&&e.area!==l||d&&e.institution!==d?!1:!t||e.name.toLocaleLowerCase(`es`).includes(t)||(e.institution??``).toLocaleLowerCase(`es`).includes(t)||e.specialities.some(e=>e.toLocaleLowerCase(`es`).includes(t)))},[e,s,l,d]),m=`mt-2 min-h-11 w-full rounded-xl border border-line-strong bg-white px-4 text-base text-ink outline-none transition-colors focus-visible:border-sophic-blue focus-visible:ring-2 focus-visible:ring-sophic-aqua`,h=`block text-[0.72rem] font-medium uppercase tracking-[0.12em] text-ink-soft`;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-4 rounded-2xl border border-line bg-white p-5 shadow-[0_1px_2px_rgba(22,41,74,0.04)] sm:p-6 md:flex-row md:items-end`,children:[(0,o.jsxs)(`div`,{className:`flex-1`,children:[(0,o.jsx)(`label`,{htmlFor:`buscar-investigador`,className:h,children:`Buscar por nombre, institución o especialidad`}),(0,o.jsx)(`input`,{id:`buscar-investigador`,type:`search`,value:s,onChange:e=>c(e.target.value),className:m,placeholder:`Por ejemplo: biotecnología`})]}),t.length>0?(0,o.jsxs)(`div`,{className:`md:w-56`,children:[(0,o.jsx)(`label`,{htmlFor:`filtro-area`,className:h,children:`Área`}),(0,o.jsxs)(`select`,{id:`filtro-area`,value:l,onChange:e=>u(e.target.value),className:m,children:[(0,o.jsx)(`option`,{value:``,children:`Todas`}),t.map(e=>(0,o.jsx)(`option`,{value:e,children:e},e))]})]}):null,n.length>0?(0,o.jsxs)(`div`,{className:`md:w-64`,children:[(0,o.jsx)(`label`,{htmlFor:`filtro-institucion`,className:h,children:`Institución`}),(0,o.jsxs)(`select`,{id:`filtro-institucion`,value:d,onChange:e=>f(e.target.value),className:m,children:[(0,o.jsx)(`option`,{value:``,children:`Todas`}),n.map(e=>(0,o.jsx)(`option`,{value:e,children:e},e))]})]}):null]}),(0,o.jsx)(`p`,{"aria-live":`polite`,className:`mt-6 text-sm text-ink-soft`,children:p.length===e.length?`${e.length} ${e.length===1?`perfil publicado`:`perfiles publicados`}.`:`${p.length} de ${e.length} perfiles coinciden.`}),p.length===0?(0,o.jsxs)(`div`,{className:`mt-10 flex flex-col items-center gap-4 roun

1ded-2xl border border-dashed border-line-strong bg-white/60 px-8 py-14 text-center`,children:[(0,o.jsx)(`p`,{className:`font-display text-xl text-ink`,children:`Ningún perfil coincide con esa búsqueda.`}),(0,o.jsx)(`button`,{type:`button`,onClick:()=>{c(``),u(``),f(``)},className:`inline-flex min-h-11 items-center rounded-xl border border-line-strong px-5 text-sm font-medium text-sophic-blue transition-colors hover:border-sophic-blue`,children:`Ver todos los perfiles`})]}):(0,o.jsx)(`ul`,{className:`mt-8 grid gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`,children:p.map(e=>(0,o.jsx)(`li`,{children:(0,o.jsxs)(r,{href:`/investigadores/${e.slug}`,className:`group flex h-full flex-col rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-sophic-orange`,children:[(0,o.jsxs)(`div`,{className:`relative aspect-[4/5] w-full overflow-hidden rounded-2xl bg-sophic-blue/10 shadow-[0_1px_2px_rgba(22,41,74,0.06)] transition-shadow duration-500 group-hover:shadow-[0_22px_44px_-18px_rgba(22,41,74,0.45)]`,children:[e.portrait?(0,o.jsx)(i,{src:e.portrait,alt:e.portraitAlt,fill:!0,sizes:`(min-width: 1280px) 18rem, (min-width: 1024px) 22rem, (min-width: 640px) 45vw, 90vw`,className:`object-cover transition-transform duration-700 ease-[var(--ease-sophic)] group-hover:scale-[1.04]`}):(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-full w-full items-center justify-center font-display text-5xl text-sophic-blue/30`,children:e.name.split(` `).slice(0,2).map(e=>e[0]).join(``)}),(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`absolute inset-x-0 bottom-0 h-2/5 bg-linear-to-t from-[rgba(10,22,44,0.72)] to-transparent`}),e.area?(0,o.jsx)(`span`,{className:`absolute bottom-4 left-4 right-4 text-[0.7rem] font-medium uppercase tracking-[0.14em] text-white`,children:e.area}):null,(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`absolute left-0 top-0 h-1 w-0 bg-sophic-orange transition-[width] duration-500 ease-[var(--ease-sophic)] group-hover:w-full group-focus-visible:w-full`})]}),(0,o.jsx)(`p`,{className:`mt-5 font-display text-[1.35rem] font-semibold leading-tight text-ink transition-colors group-hover:text-sophic-blue`,children:e.name}),e.institution?(0,o.jsx)(`p`,{className:`mt-1.5 text-[0.88rem] leading-snug text-ink-soft`,children:e.institution}):null,(0,o.jsxs)(`span`,{className:`mt-4 inline-flex items-center gap-2 text-[0.85rem] font-medium text-sophic-blue transition-[gap] duration-300 group-hover:gap-3`,children:[`Ver perfil `,(0,o.jsx)(`span`,{"aria-hidden":`true`,children:`→`})]})]})},e.slug))})]})}export{s as DirectoryFilters};