1import{Co as e,Ho as t,bo as n,cn as r,to as i,yo as a}from"./useOpenInteractionType-BARag5jP.js";import{t as o}from"./game-cards-C0xVaIej.js";import{r as s,t as c}from"./posts-C_HAzNSa.js";import{f as l,s as u}from"./index-C04gdv7y.js";var d=t();function f({href:e,title:t,description:n,image:i,date:a,authorName:o,authorImage:c}){return(0,d.jsxs)(r,{href:e,className:`group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card transition-all hover:border-foreground/20 hover:shadow-sm`,children:[i&&(0,d.jsx)(`img`,{src:i,alt:t,width:640,height:360,loading:`lazy`,className:`aspect-video w-full object-cover object-center`}),(0,d.jsxs)(`div`,{className:`flex flex-1 flex-col gap-3 p-6`,children:[(0,d.jsx)(`h3`,{className:`font-medium leading-snug group-hover:underline group-hover:underline-offset-4`,children:t}),n&&(0,d.jsx)(`p`,{className:`line-clamp-3 text-sm leading-relaxed text-muted-foreground`,children:n}),(0,d.jsxs)(`div`,{className:`mt-auto flex items-center gap-2 pt-2 text-xs text-muted-foreground`,children:[a&&(0,d.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,d.jsx)(s,{className:`size-3.5`}),a]}),(0,d.jsx)(`span`,{className:`flex-1`}),(o||c)&&(0,d.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[c&&(0,d.jsx)(`img`,{src:c,alt:o||``,width:20,height:20,loading:`lazy`,className:`size-5 rounded-full object-cover`}),o]})]})]})]})}function p(){let{locale:t,posts:r}=u.useLoaderData();return(0,d.jsxs)(`section`,{className:`retro-container py-6 md:py-8`,children:[(0,d.jsx)(o,{items:[{label:i(),href:`/`},{label:a()}]}),(0,d.jsxs)(`header`,{className:`mb-6`,children:[(0,d.jsx)(`h1`,{className:`text-2xl font-black leading-tight text-foreground md:text-3xl`,children:a()}),(0,d.jsx)(`p`,{className:`mt-3 max-w-3xl text-sm leading-7 text-muted-foreground md:text-base`,children:e()})]}),r.length===0?(0,d.jsx)(`p`,{className:`rounded-lg border bg-card p-6 text-sm text-muted-foreground`,children:n()}):(0,d.jsx)(`div`,{className:`grid gap-5 sm:grid-cols-2 lg:grid-cols-3`,children:r.map(e=>(0,d.jsx)(f,{href:`/blog/${e.slug}`,title:e.title,description:e.description,image:e.image,date:c(e.updatedAt||e.createdAt,t),authorName:e.authorName,authorImage:e.authorImage},e.slug))})]})}var m=l(p);export{m as component};
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.