import{H as o,v as l,V as e,k as r}from"./index-DxAX-4zq.js";import{C as n}from"./calendar-v5zuR2oL.js";import{C as d}from"./clock-ClKe-o1r.js";import{M as i,r as c}from"./index-BmOhsIzq.js";const m=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],x=o("arrow-left",m);function f(){const{post:s,related:a}=l.useLoaderData();return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"container mx-auto px-4 pt-6 md:px-6",children:e.jsxs(r,{to:"/blog",className:"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-brand-bright",children:[e.jsx(x,{className:"h-4 w-4"})," Back to blog"]})}),e.jsxs("article",{className:"container mx-auto max-w-3xl px-4 py-8 md:px-6 md:py-12",children:[e.jsx("h1",{className:"font-display text-3xl font-extrabold leading-tight text-foreground md:text-5xl",children:s.title}),e.jsxs("div",{className:"mt-4 flex items-center gap-4 text-sm text-muted-foreground",children:[e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(n,{className:"h-4 w-4"})," ",new Date(s.date).toLocaleDateString()]}),e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(d,{className:"h-4 w-4"})," ",s.readMin," min read"]})]}),e.jsx("img",{src:s.cover,alt:s.title,width:1280,height:768,className:"mt-8 aspect-[16/9] w-full rounded object-cover shadow-[var(--shadow-elevated)]"}),e.jsx("div",{className:"prose prose-lg mt-10 max-w-none prose-headings:font-display prose-headings:text-foreground prose-p:text-foreground/85 prose-a:text-brand-bright prose-strong:text-foreground prose-img:rounded-sm",children:e.jsx(i,{remarkPlugins:[c],children:s.body})})]}),e.jsx("section",{className:"bg-surface py-16",children:e.jsxs("div",{className:"container mx-auto px-4 md:px-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-foreground md:text-3xl",children:"More from the blog"}),e.jsx("div",{className:"mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:a.map(t=>e.jsxs(r,{to:"/blog/$slug",params:{slug:t.slug},className:"group overflow-hidden rounded border border-border bg-card shadow-[var(--shadow-card)] transition hover:-translate-y-0.5 hover:shadow-[var(--shadow-elevated)]",children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden",children:e.jsx("img",{src:t.cover,alt:t.title,loading:"lazy",width:1024,height:768,className:"h-full w-full object-cover transition duration-500 group-hover:scale-105"})}),e.jsxs("div",{className:"p-5",children:[e.jsx("h3",{className:"line-clamp-2 text-base font-bold text-foreground transition group-hover:text-brand-bright",children:t.title}),e.jsx("p",{className:"mt-2 line-clamp-2 text-sm text-muted-foreground",children:t.excerpt})]})]},t.slug))})]})})]})}export{f as component};
