1import{r as e}from"./rolldown-runtime-hePW80VL.js";import{t}from"./react-CwJFpaho.js";import{t as n}from"./jsx-runtime-NZYk81nU.js";import{t as r}from"./skeleton-Dp3oamXk.js";import{a as i,t as a}from"./queries-BA31EX-5.js";import{t as o}from"./recipe-card-CaEnfIgt.js";var s=e(t()),c=n();function l(){let[e,t]=(0,s.useState)(``),{data:n,isLoading:l}=i(),{data:u,isLoading:d}=a(),f=e=>{t(e)},p=e?u?.filter(t=>t.categoryIds?.some(t=>String(t)===e)):u,m=n?.find(t=>String(t.id)===e),h=m?.title?`Recetas de ${m.title}`:`Todas las Recetas`;return(0,s.useEffect)(()=>{window.scrollTo(0,0)},[]),(0,c.jsxs)(`main`,{children:[(0,c.jsx)(`h1`,{className:`sr-only`,children:h}),l?(0,c.jsx)(`nav`,{className:`overflow-x-auto py-4 pb-2 whitespace-nowrap`,"aria-label":`CategorÃas de recetas`,children:(0,c.jsx)(r,{className:`h-12 w-full md:h-10`})}):(0,c.jsxs)(`nav`,{className:`scrollbar-hide overflow-x-auto py-4 pb-2 whitespace-nowrap`,"aria-label":`CategorÃas de recetas`,children:[(0,c.jsx)(`button`,{type:`button`,onClick:()=>f(``),className:`mr-4 inline-flex items-center justify-center rounded-md px-4 py-2 font-normal focus:ring-white focus:outline-hidden focus:ring-inset ${e===``?`bg-brand-500 text-white`:`hover-bg`}`,"aria-current":e===``?`page`:void 0,children:`Todas`}),n?.map(t=>t.title?(0,c.jsx)(`button`,{type:`button`,onClick:()=>f(String(t.id)),className:`mr-4 inline-flex items-center justify-center rounded-md p-2 font-normal focus:ring-white focus:outline-hidden focus:ring-inset ${e===String(t.id)?`bg-brand-500 text-white`:`hover-bg`}`,"aria-current":e===String(t.id)?`page`:void 0,children:t.title},t.id):null)]}),l||d?(0,c.jsx)(`section`,{className:`s:grid-cols-[repeat(auto-fill,minmax(135px,1fr))] grid grid-cols-[repeat(auto-fill,minmax(135px,1fr))] justify-items-center gap-2 gap-y-4 pb-5 sm:grid-cols-[repeat(auto-fill,minmax(180px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(200px,1fr))] lg:grid-cols-[repeat(auto-fill,minmax(230px,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(280px,1fr))]`,"aria-label":`Cargando recetas`,children:Array.from({length:8}).map((e,t)=>(0,c.jsx)(r,{className:`shadow-card s:w-[165px] h-[210px] w-[140px] shrink-0 flex-col overflow-hidden rounded-2xl sm:h-[230px] sm:w-[190px] md:h-[260px] md:w-[240px] lg:h-[280px] lg:w-[240px] xl:h-[320px] xl:w-[320px] 2xl:h-[340px] 2xl:w-[340px]`},t))}):(0,c.jsx)(`section`,{className:`s:grid-cols-[repeat(auto-fill,minmax(135px,1fr))] grid grid-cols-[repeat(auto-fill,minmax(135px,1fr))] justify-items-center gap-2 gap-y-4 pb-5 sm:grid-cols-[repeat(auto-fill,minmax(180px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(200px,1fr))] lg:grid-cols-[repeat(auto-fill,minmax(230px,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(280px,1fr))]`,"aria-label":`Lista de ${h}`,children:p?.map(e=>(0,c.jsx)(o,{items:e,size:`recipes`},e.id))})]})}export{l as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.