1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3497],{3497:function(e,s,l){l.r(s);var t=l(341),r=l(8667);l(811),s.default=e=>{let{title:s,subtitle:l,imageUrl:n,readingTime:i,date:a,buttonText:c,buttonLink:d,className:m,text:o}=e,x=(0,r.useRouter)(),f=()=>{x.push("".concat(d))};return(0,t.jsxs)("div",{className:"flex flex-col md:flex-row justify-start md:min-h-fit min-h-full w-full md:h-fit overflow-visible border-b-[1px] border-[#9396A3] ".concat(m||""),children:[(0,t.jsxs)("div",{className:"md:sticky md:self-auto self-start px-2 md:px-0 md:ml-2 top-28 mt-8 left-0 h-full md:w-1/3",children:[(0,t.jsx)("div",{className:"font-bold text-xl mb-2 hidden md:block",children:(0,t.jsx)("div",{onClick:f,className:" cursor-pointer progressive-underline-mini font-montserrat",dangerouslySetInnerHTML:{__html:s}})}),(0,t.jsx)("img",{src:n,alt:s,className:"cursor-pointer w-full rounded-[12.71px] object-cover object-center md:max-w-sm"}),(0,t.jsxs)("div",{className:"flex gap-2 text-sm text-[#9396A3] capitalize pl-2 pt-2",children:[a,(0,t.jsx)("div",{className:"border-l-[1px] border-[#9396A3] h-5 my-auto mb-2"}),(0,t.jsx)("span",{className:"inline-block text-sm text-[#9396A3] mb-2",children:i})]})]}),(0,t.jsxs)("div",{className:"flex flex-col justify-between md:w-2/3",children:[(0,t.jsx)("div",{className:"px-3 pt-4",children:(0,t.jsx)("div",{className:"font-bold text-[36px] mb-2",children:(0,t.jsx)("div",{onClick:f,className:" cursor-pointer progressive-underline-mini font-montserrat",dangerouslySetInnerHTML:{__html:s}})})}),(0,t.jsx)("div",{className:"px-3 pb-4 text-njl-main-black text-[18px] leading-[28px] font-normal font-inter blog-article",dangerouslySetInnerHTML:{__html: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.