https://www.jawsense.com/assets/BlogPost-Cn0dhd29.js

1import{b,u as y,r as l,j as e,N as m}from"./vendor-framework-C2RiBzxu.js";import{d as u,i as f,l as j,m as v,n as N,o as k,S as w,H as q,L as C,p as L,R as P,k as B,h as S,c as T}from"./index-Ct1GhE7t.js";import{Q as h}from"./QuizCTA-ctrlcVWh.js";import{A}from"./arrow-left-x7XW4iGG.js";import{C as E}from"./calendar-DiYMDtBJ.js";import{M as R,r as D}from"./index-CHbqw-wr.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const O=u("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]),F=()=>{var x;const{t:o}=b("blog"),c=f(),{slug:r}=y(),[n,g]=l.useState(!1),[p,i]=l.useState(null);l.useEffect(()=>{let t=!1;return i(null),r&&j(r).then(a=>{t||i(a)}),()=>{t=!0}},[r]);const s=r?v(r):void 0,d=r?N(r,3):[];return s?(s.lang==="nl"?"nl":"en")!==c?e.jsx(m,{to:k(s),replace:!0}):e.jsxs("div",{className:"min-h-screen bg-navy-900 pb-14 lg:pb-0",children:[e.jsx(w,{title:s.title,description:s.excerpt,canonical:`/blog/${r}`,ogImage:s.image||"/og-image.png",ogType:"article",articleMeta:{publishedDate:s.date},faqs:(x=s.faqs)!=null&&x.length?s.faqs:void 0,...s.lang==="nl"?{dutchOnly:!0}:{noDutchAlternate:!0}}),e.jsx(q,{}),e.jsx("section",{className:"pb-12 lg:pb-16 bg-gradient-to-b from-navy-900 to-navy-800 ds-hero-top",children:e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-3xl mx-auto",children:[e.jsxs(C,{to:"/blog",className:"inline-flex items-center gap-2 text-gray-400 hover:text-white mb-8 transition-colors",children:[e.jsx(A,{className:"w-4 h-4"}),o("post.backToBlog")]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-4 text-sm text-gray-400 mb-6",children:[e.jsx("span",{className:"font-dsmono text-[0.68rem] uppercase tracking-[0.12em] text-sky-300",children:s.category}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(E,{className:"w-4 h-4"}),new Date(s.date).toLocaleDateString(c==="nl"?"nl-NL":"en-GB",{month:"long",day:"numeric",year:"numeric"})]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(O,{className:"w-4 h-4"}),s.readTime]})]}),e.jsx("h1",{className:"text-3xl sm:text-5xl lg:text-[3.5rem] font-display font-semibold tracking-[-0.02em] text-white mb-4 sm:mb-6 leading-[1.1]",children:s.title}),e.jsx("p",{className:"text-lg text-gray-300 mb-8 leading-relaxed",children:s.excerpt})]})})}),e.jsx("section",{className:"pb-12 bg-navy-800",children:e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:e.jsx("div",{className:"max-w-4xl mx-auto",children:e.jsx("div",{className:"rounded-2xl overflow-hidden bg-navy-700",children:e.jsx("img",{src:s.image||"/images/blog/open-book.png",alt:s.title,className:"w-full h-64 md:h-96 object-cover"})})})})}),e.jsx("section",{className:"ds-section-tight bg-navy-900",children:e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-3xl mx-auto",children:[e.jsx("article",{"data-content":p===null?"loading":"ready",className:`prose prose-invert prose-lg max-w-none
7              prose-headings:font-bold prose-headings:text-white prose-headings:font-inter
8              prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h2:pb-3 prose-h2:border-b prose-h2:border-navy-700
9              prose-h3:text-xl prose-h3:mt-10 prose-h3:mb-4 prose-h3:text-sky-100
10              prose-h4:text-lg prose-h4:mt-8 prose-h4:mb-3 prose-h4:text-gray-200
11              prose-p:text-gray-300 prose-p:leading-relaxed prose-p:mb-6
12              prose-strong:text-white prose-strong:font-semibold
13              prose-ul:text-gray-300 prose-ul:my-6 prose-ul:space-y-2
14              prose-ol:text-gray-300 prose-ol:my-6 prose-ol:space-y-2
15              prose-li:marker:text-sky-400 prose-li:pl-2
16              prose-a:text-sky-400 prose-a:no-underline hover:prose-a:underline
17              prose-blockquote:border-l-4 prose-blockquote:border-sky-500 prose-blockquote:bg-navy-800/50 prose-blockquote:py-4 prose-blockquote:px-6 prose-blockquote:rounded-r-lg prose-blockquote:not-italic prose-blockquote:text-gray-300
18              prose-code:bg-navy-800 prose-code:text-sky-300 prose-code:px-2 prose-code:py-1 prose-code:rounded prose-code:text-sm prose-code:before:content-none prose-code:after:content-none
19              prose-pre:bg-navy-800 prose-pre:border prose-pre:border-navy-700 prose-pre:rounded-xl
20              prose-hr:border-navy-700 prose-hr:my-10
21              prose-table:my-8 prose-table:w-full prose-table:border-collapse prose-table:rounded-xl prose-table:overflow-hidden
22              prose-thead:bg-navy-800 prose-thead:border-b prose-thead:border-navy-600
23              prose-th:text-left prose-th:text-sky-300 prose-th:font-semibold prose-th:px-4 prose-th:py-3 prose-th:text-sm
24              prose-tbody:divide-y prose-tbody:divide-navy-700
25              prose-tr:bg-navy-900/50 hover:prose-tr:bg-navy-800/50 prose-tr:transition-colors
26              prose-td:px-4 prose-td:py-3 prose-td:text-gray-300 prose-td:text-sm
27            `,children:e.jsx(R,{remarkPlugins:[D],components:{table:({children:t})=>e.jsx("div",{className:"my-8 overflow-x-auto rounded-xl border border-navy-700",children:e.jsx("table",{className:"w-full",children:t})})},children:p??""})}),s.faqs&&s.faqs.length>0&&e.jsxs("section",{className:"mt-12 pt-8 border-t border-navy-700",children:[e.jsx("h2",{className:"ds-h2 text-2xl sm:text-3xl mb-6",children:o("post.faqTitle")}),e.jsx("div",{className:"space-y-6",children:s.faqs.map(t=>e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-white mb-2",children:t.question}),e.jsx("p",{className:"text-gray-300 leading-relaxed",children:t.answer})]},t.question))})]}),e.jsx(h,{variant:"card"}),s.references&&s.references.length>0&&e.jsxs("div",{className:"mt-12 pt-8 border-t border-navy-700",children:[e.jsxs("button",{onClick:()=>g(!n),className:"flex items-center justify-between w-full text-left group",children:[e.jsxs("h3",{className:"text-lg font-semibold text-white group-hover:text-sky-400 transition-colors",children:[o("post.references")," (",s.references.length,")"]}),e.jsx(L,{className:`w-5 h-5 text-gray-400 transition-transform duration-200 ${n?"rotate-180":""}`})]}),n&&e.jsx("div",{className:"mt-4 space-y-3",children:s.references.map((t,a)=>e.jsxs("div",{className:"flex gap-3 text-sm",children:[e.jsxs("span",{className:"text-gray-400 flex-shrink-0",children:[a+1,"."]}

27),e.jsx("span",{className:"text-gray-400 leading-relaxed",children:t})]},a))})]}),e.jsx("div",{className:"mt-8 pt-8 border-t border-navy-700",children:e.jsx("div",{className:"flex flex-wrap gap-x-4 gap-y-2",children:s.tags.map(t=>e.jsx("span",{className:"font-dsmono text-[0.68rem] uppercase tracking-[0.12em] text-gray-400",children:t},t))})})]})})}),d.length>0&&e.jsx("section",{className:"ds-section-tight bg-navy-800",children:e.jsxs("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"text-xl sm:text-2xl font-bold text-white mb-5 sm:mb-6",children:o("post.relatedArticles")}),e.jsx("div",{className:P.threeUp,children:d.map(t=>e.jsx(B,{post:t},t.slug))})]})}),e.jsx(S,{tone:"nudge"}),e.jsx(T,{}),e.jsx(h,{variant:"bar"})]}):e.jsx(m,{to:"/blog",replace:!0})};export{F as default};