1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5834],{32503:(e,t,s)=>{"use strict";s.d(t,{default:()=>u});var i=s(33307),l=s(32721),n=s(22890),r=s(10906),a=s(39390),d=s.n(a),o=s(74259),c=s(90507),h=s(54472),m=s(81809);function x(e){let{align:t="center",children:s,content:l,mobileOnly:n,openPopover:r,setOpenPopover:a}=e,{isMobile:d}=function(){let[e,t]=(0,c.useState)(null),[s,i]=(0,c.useState)(null);return(0,c.useEffect)(()=>{let e=()=>{window.matchMedia("(max-width: 640px)").matches?t("mobile"):window.matchMedia("(min-width: 641px) and (max-width: 1024px)").matches?t("tablet"):t("desktop"),i({height:window.innerHeight,width:window.innerWidth})};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),{device:e,height:null==s?void 0:s.height,isDesktop:"desktop"===e,isMobile:"mobile"===e,isTablet:"tablet"===e,width:null==s?void 0:s.width}}();return n||d?(0,i.jsxs)(m._.Root,{onOpenChange:a,open:r,children:[(0,i.jsx)("div",{className:"sm:hidden",children:s}),(0,i.jsx)(m._.Overlay,{className:"fixed inset-0 z-40 bg-gray-100 bg-opacity-10 backdrop-blur"}),(0,i.jsxs)(m._.Portal,{children:[(0,i.jsxs)(m._.Content,{className:"fixed bottom-0 left-0 right-0 z-50 mt-24 rounded-t-[10px] border-t border-gray-200 bg-white",children:[(0,i.jsx)("div",{className:"sticky top-0 z-20 flex w-full items-center justify-center rounded-t-[10px] bg-inherit",children:(0,i.jsx)("div",{className:"my-3 h-1 w-12 rounded-full bg-gray-300"})}),(0,i.jsx)("div",{className:"flex min-h-[150px] w-full items-center justify-center overflow-hidden bg-white pb-8 align-middle shadow-xl",children:l})]}),(0,i.jsx)(m._.Overlay,{})]})]}):(0,i.jsxs)(h.bL,{onOpenChange:a,open:r,children:[(0,i.jsx)(h.l9,{asChild:!0,className:"hidden sm:inline-flex",children:s}),(0,i.jsx)(h.ZL,{children:(0,i.jsx)(h.UC,{align:t,className:"z-50 hidden animate-slide-up-fade items-center rounded-md border border-gray-200 bg-white drop-shadow-lg sm:block",sideOffset:8,children:l})})]})}function u(e){let{categories:t}=e,{slug:s}=(0,o.useParams)();t.find(e=>e.slug===s);let[l,r]=(0,c.useState)(!1);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("section",{className:"pt-12 pb-10",children:(0,i.jsx)("div",{className:"container",children:(0,i.jsx)("div",{className:"lg:px-0",children:(0,i.jsxs)("nav",{className:"hidden items-center gap-3 md:flex",children:[(0,i.jsx)(g,{active:!s,href:"/blog",title:"All articles"}),t.map(e=>(0,i.jsx)(g,{active:e.slug===s,href:"/blog/category/".concat(e.slug),title:e.name},e.slug))]})})})}),(0,i.jsx)(x,{content:(0,i.jsxs)("div",{className:"w-full p-4",children:[(0,i.jsx)(g,{active:!s,href:"/blog",mobile:!0,setOpenPopover:r,title:"Latest posts"}),t.map(e=>(0,i.jsx)(g,{active:e.slug===s,href:"/blog/category/".concat(e.slug),mobile:!0,setOpenPopover:r,title:e.name},e.slug))]}),mobileOnly:!0,openPopover:l,setOpenPopover:r,children:(0,i.jsxs)("button",{className:"flex w-full items-center space-x-2 border-t border-gray-200 px-2.5 py-4 text-sm",onClick:()=>{r(!l)},children:[(0,i.jsx)(n.A,{size:16}),(0,i.jsx)("p",{children:"Categories"})]})})]})}let g=e=>{let{active:t,href:s,mobile:n,setOpenPopover:a,title:o}=e;return n?(0,i.jsxs)(d(),{href:s,...a&&{onClick:()=>a(!1)},className:"flex w-full items-center justify-between rounded-md p-2 transition-colors hover:bg-gray-100 active:bg-gray-200",children:[(0,i.jsx)("p",{className:"typo-small text-gray-600",children:o}),t&&(0,i.jsx)(r.A,{className:"text-gray-600",size:16})]}):(0,i.jsx)(d(),{href:s,children:(0,i.jsx)("div",{className:(0,l.cn)("rounded-full px-3.5 py-1.5 typo-small font-medium transition-all",t?"bg-slate-900 text-white":"text-gray-600 hover:text-gray-900"),children:o})})}},32721:(e,t,s)=>{"use strict";s.d(t,{cn:()=>n});var i=s(19750),l=s(67185);function n(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,l.QP)((0,i.$)(t))}},36052:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,39390,23)),Promise.resolve().then(s.t.bind(s,95043,23)),Promise.resolve().then(s.bind(s,32503))}},e=>{var t=t=>e(e.s=t);e.O(0,[9390,2578,5043,4608,9264,6444,7358],()=>t(36052)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.