import{u as t,j as s,L as i}from"./components-tSF29mDa.js";import{l as d}from"./index-Bn9V8cCg.js";const x=()=>[{title:"Hydrogen | Blogs"}];function j(){const{blogs:r}=t();return s.jsxs("div",{className:"blogs",children:[s.jsx("h1",{children:"Blogs"}),s.jsx("div",{className:"blogs-grid",children:s.jsx(d,{connection:r,children:({nodes:l,isLoading:n,PreviousLink:a,NextLink:o})=>s.jsxs(s.Fragment,{children:[s.jsx(a,{children:n?"Loading...":s.jsx("span",{children:"↑ Load previous"})}),l.map(e=>s.jsx(i,{className:"blog",prefetch:"intent",to:`/blogs/${e.handle}`,children:s.jsx("h2",{children:e.title})},e.handle)),s.jsx(o,{children:n?"Loading...":s.jsx("span",{children:"Load more ↓"})})]})})})]})}export{j as default,x as meta};
