https://www.betterend.io/_next/static/chunks/16d737sc_hscf.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,82674,e=>{"use strict";var t=e.i(90580),r=e.i(4586);function s({article:e}){return(0,t.jsxs)("a",{href:`/knowledge-base/${e.id}`,className:"group block rounded-2xl border border-warm-100 bg-white p-6 shadow-sm transition-all duration-200 hover:shadow-md hover:border-warm-200",children:[(0,t.jsxs)("div",{className:"mb-3 flex items-center gap-2",children:[e.isPillar&&(0,t.jsx)("span",{className:"rounded-full bg-dusk-700 px-2.5 py-0.5 text-xs font-medium text-white",children:"Guide"}),(0,t.jsx)("span",{className:"text-xs text-warm-400",children:e.readTime})]}),(0,t.jsx)("h3",{className:"mb-2 font-serif text-lg leading-snug text-dusk-700 group-hover:text-dusk-600 transition-colors",children:e.title}),(0,t.jsx)("p",{className:"text-sm leading-relaxed text-warm-500",children:e.excerpt})]})}e.s(["default",0,function({articles:e,categories:l}){let[d,o]=(0,r.useState)("All"),[i,a]=(0,r.useState)(9),n="All"===d?e:e.filter(e=>e.clusterCategory===d),c=i<n.length;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"mb-10 flex flex-wrap gap-2",children:[(0,t.jsx)("button",{onClick:()=>{o("All"),a(9)},className:`rounded-full px-4 py-1.5 text-sm font-medium transition-colors ${"All"===d?"bg-dusk-700 text-white":"border border-warm-100 bg-white text-warm-500 hover:border-dusk-700 hover:text-dusk-700"}`,children:"All"}),l.map(e=>(0,t.jsx)("button",{onClick:()=>{o(e),a(9)},className:`rounded-full px-4 py-1.5 text-sm font-medium transition-colors ${d===e?"bg-dusk-700 text-white":"border border-warm-100 bg-white text-warm-500 hover:border-dusk-700 hover:text-dusk-700"}`,children:e},e))]}),(0,t.jsx)("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:n.map((e,r)=>(0,t.jsx)("div",{className:r<i?void 0:"hidden",children:(0,t.jsx)(s,{article:e})},e.id))}),c&&(0,t.jsx)("div",{className:"mt-10 text-center",children:(0,t.jsx)("button",{onClick:()=>a(e=>e+9),className:"rounded-full border border-dusk-700 px-8 py-2.5 text-sm font-semibold text-dusk-700 transition-colors hover:bg-dusk-700 hover:text-white",children:"Show more"})})]})}],82674)}]);