(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[454],{1632:(e,l,a)=>{"use strict";a.d(l,{default:()=>n});var s=a(5155),t=a(2115),i=a(2619),r=a.n(i),c=a(5239);function n(e){let{posts:l,locale:a,translations:i,postTranslations:n}=e,[d,o]=(0,t.useState)(null),g=Array.from(new Set(l.flatMap(e=>e.tags))).sort(),u=d?l.filter(e=>e.tags.includes(d)):l;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("section",{className:"blog-filter",children:[(0,s.jsx)("p",{className:"blog-filter-label",children:i.filterByTag}),(0,s.jsxs)("div",{className:"blog-filter-tags",children:[(0,s.jsx)("button",{className:"blog-filter-tag ".concat(null===d?"active":""),onClick:()=>o(null),children:i.allArticles}),g.map(e=>(0,s.jsx)("button",{className:"blog-filter-tag ".concat(d===e?"active":""),onClick:()=>o(e),children:i.tags[e]||e},e))]})]}),(0,s.jsx)("section",{className:"blog-grid",children:u.length>0?u.map(e=>{var l,t;return(0,s.jsx)("article",{className:"blog-card",children:(0,s.jsxs)(r(),{href:"/".concat(a,"/blog/").concat(e.slug),className:"blog-card-link",children:[(0,s.jsx)("div",{className:"blog-card-image",children:(0,s.jsx)(c.default,{src:e.coverImage.url,alt:e.coverImage.alt,fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",className:"blog-card-img"})}),(0,s.jsxs)("div",{className:"blog-card-content",children:[(0,s.jsxs)("div",{className:"blog-card-meta",children:[(0,s.jsx)("time",{dateTime:e.publishedAt,children:e.formattedDate}),(0,s.jsx)("span",{className:"blog-card-reading-time",children:i.readingTime.replace("{minutes}",String(e.readingTime))})]}),(0,s.jsx)("h2",{className:"blog-card-title",children:(null==(l=n[e.slug])?void 0:l.title)||e.slug}),(0,s.jsx)("p",{className:"blog-card-description",children:(null==(t=n[e.slug])?void 0:t.description)||""}),(0,s.jsx)("div",{className:"blog-card-tags",children:e.tags.slice(0,3).map(e=>(0,s.jsx)("span",{className:"blog-tag",children:i.tags[e]||e},e))})]})]})},e.slug)}):(0,s.jsx)("p",{className:"blog-no-results",children:i.noArticlesFound})})]})}},4652:(e,l,a)=>{"use strict";Object.defineProperty(l,"__esModule",{value:!0}),!function(e,l){for(var a in l)Object.defineProperty(e,a,{enumerable:!0,get:l[a]})}(l,{default:function(){return n},getImageProps:function(){return c}});let s=a(8140),t=a(5040),i=a(1356),r=s._(a(1124));function c(e){let{props:l}=(0,t.getImgProps)(e,{defaultLoader:r.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,a]of Object.entries(l))void 0===a&&delete l[e];return{props:l}}let n=i.Image},5239:(e,l,a)=>{"use strict";a.d(l,{default:()=>t.a});var s=a(4652),t=a.n(s)},6233:(e,l,a)=>{Promise.resolve().then(a.bind(a,1632))}},e=>{e.O(0,[619,356,441,255,358],()=>e(e.s=6233)),_N_E=e.O()}]);