https://dubtab.com/_next/static/chunks/app/%5Blocale%5D/blog/page-4917690847fccfdc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7454],{8369:(e,t,l)=>{Promise.resolve().then(l.bind(l,5606)),Promise.resolve().then(l.bind(l,6280)),Promise.resolve().then(l.t.bind(l,7970,23)),Promise.resolve().then(l.t.bind(l,4839,23))},5606:(e,t,l)=>{"use strict";l.d(t,{BlogGrid:()=>d});var a=l(5155),s=l(2115),n=l(7396),i=l(9253);let r=["bg-gradient-to-br from-indigo-600 via-indigo-700 to-blue-800","bg-gradient-to-br from-slate-800 via-slate-900 to-slate-800","bg-gradient-to-br from-violet-600 via-indigo-700 to-indigo-900"];function o(e){let{post:t,index:l,allowWide:s=!0}=e,o=!!t.featured&&s;return(0,a.jsxs)(n.default,{href:"/blog/".concat(t.slug),className:"group relative flex flex-col overflow-hidden rounded-2xl ring-1 ring-black/5\n        transition-all duration-200 hover:-translate-y-0.5 hover:ring-2 hover:ring-primary-light\n        min-h-[300px] ".concat(o?"md:col-span-2":""," ").concat(r[l%r.length]),children:[t.cover&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-cover bg-center",style:{backgroundImage:"url(".concat(t.cover,")")}}),(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/88 to-slate-950/60"})]}),t.featured&&(0,a.jsx)("span",{className:"absolute right-5 top-5 z-10 text-[10px] font-bold uppercase tracking-wider text-highlight",children:"Featured"}),(0,a.jsxs)("div",{className:"relative flex flex-1 flex-col p-7",children:[(0,a.jsxs)("div",{className:"mb-5 flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wider text-white/45",children:[(0,a.jsx)("span",{children:t.category}),(0,a.jsx)("span",{"aria-hidden":!0,children:"\xb7"}),(0,a.jsx)("span",{children:t.readingTime}),t.hasAudio&&(0,a.jsx)("span",{className:"normal-case tracking-normal text-highlight",children:"♫ audio"})]}),(0,a.jsx)("h3",{className:"mb-auto font-bold leading-[1.2] text-white ".concat(t.cover?"[text-shadow:0_1px_12px_rgb(2_6_23/0.7)]":""," ").concat(o?"text-3xl":"text-[22px]"),children:function(e,t){if(!t)return e;let l=e.indexOf(t);return l<0?e:(0,a.jsxs)(a.Fragment,{children:[e.slice(0,l),(0,a.jsx)("span",{className:"text-highlight",children:t}),e.slice(l+t.length)]})}(t.title,t.titleHighlight)}),(0,a.jsx)("p",{className:"mt-7 text-sm leading-relaxed text-white/65 ".concat(o?"":"line-clamp-3"),children:t.description}),(0,a.jsxs)("div",{className:"mt-5 flex items-center justify-between",children:[(0,a.jsxs)("span",{className:"flex items-center gap-1.5 text-sm font-semibold text-white",children:["Read more",(0,a.jsx)("span",{className:"transition-transform group-hover:translate-x-1",children:"→"})]}),(0,a.jsx)("time",{dateTime:t.date,className:"text-xs text-white/35",children:(0,i.GP)(new Date(t.date),"MMM d, yyyy")})]})]})]})}let c=["Engineering","Benchmarks","Platforms"];function d(e){let{posts:t}=e,[l,n]=(0,s.useState)("All"),i=c.map(e=>({category:e,count:t.filter(t=>t.category===e).length})).filter(e=>e.count>0),r="All"===l?t:t.filter(e=>e.category===l),d=r.length>3,g=(e,t)=>"px-3.5 py-1.5 rounded-full text-sm transition-colors ".concat(t?"font-semibold bg-slate-900 text-white dark:bg-white dark:text-slate-900":"font-medium bg-slate-100 text-slate-700 hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:hover:bg-slate-700");return(0,a.jsxs)(a.Fragment,{children:[i.length>1&&(0,a.jsxs)("div",{className:"mb-10 flex flex-wrap gap-2",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>n("All"),className:g("All ".concat(t.length),"All"===l),children:["All ",t.length]}),i.map(e=>{let{category:t,count:s}=e;return(0,a.jsxs)("button",{type:"button",onClick:()=>n(t),className:g(t,l===t),children:[t," ",s]},t)})]}),(0,a.jsx)("div",{className:"grid gap-5 md:grid-cols-2 lg:grid-cols-3",children:r.map((e,t)=>(0,a.jsx)(o,{post:e,index:t,allowWide:d},e.slug))})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[8229,4839,5565,7281,6280,8441,1517,7358],()=>t(8369)),_N_E=e.O()}]);