https://uplab.io/_next/static/chunks/pages/blog-eb76f64e44aab3a7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[892],{3654:(e,l,s)=>{"use strict";s.d(l,{A:()=>t});let t={src:"/_next/static/media/andriy-m.bae5bb21.png",height:150,width:151,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAflBMVEX09/e2tbaWp7Pps6pwcnW9fXHfpJ1MaXHz9/Sur62LmqHNnZPi5+X///+VeHfK4fl3m76ulozuxcWcnJ6u1fDQioh7iIzEpqB1gY6vgHqMhIqujox2ZWP8///Cyd9ne31JZo7ZlpbUoJu2mpz3zMjgp6q3tcb8xse2qKtXWFv3AASFAAAAGXRSTlMnsez89/7+ADWlt/jlovnh4ur58fP+te7wxeGV6wAAAAlwSFlzAAAhOAAAITgBRZYxYAAAAEhJREFUeJwFwQUCgCAQBMAFiQO7Bez2/x90BhpMCEsaSLwLR00wSxadlbcoVud2dzfIZ7Vdz8uRTrFso68D+ChVGAgapuwZ6R+XJQQzBoQrIQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},4267:(e,l,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return s(5397)}])},5397:(e,l,s)=>{"use strict";s.r(l),s.d(l,{__N_SSG:()=>f,default:()=>g});var t=s(7876);s(4232);var a=s(4846),i=s(5443),r=s(3441),n=s(8230),d=s.n(n),A=s(4587),c=s.n(A),x=s(668),h=s(3654);let u=({title:e="N/A",description:l="N/A",date:s,author:a="N/A",readingTime:i="N/A",slug:r})=>{if(!r)return null;let n=r.startsWith("/blog/")?r:`/blog/${r}`;return(0,t.jsxs)(d(),{href:n,className:"rounded-[20px] border-4 border-bluemine-50 bg-white p-5 transition-all duration-300 hover:bg-gray-100 hover:shadow",children:[(0,t.jsx)("h2",{className:"text-3xl text-bluemine-800",children:e}),(0,t.jsx)("p",{className:"line-clamp-4 pt-5 text-lg",children:l}),(0,t.jsxs)("div",{className:"flex items-center pt-5",children:[(0,t.jsx)(c(),{alt:"avatar",height:48,width:48,className:"rounded-full",src:h.A}),(0,t.jsxs)("div",{className:"block pl-4 align-middle text-xs",children:[(0,t.jsx)("p",{children:a}),(0,t.jsxs)("div",{className:"pt-1",children:[(0,t.jsx)("span",{children:s?(0,x.GP)(new Date(s),"MMMM d, yyyy"):"N/A"}),(0,t.jsx)("span",{children:" \xb7 "}),(0,t.jsx)("span",{children:i})]})]})]})]})},o=({items:e})=>(0,t.jsx)("div",{className:"grid w-full grid-cols-3 gap-3",children:e.map((e,l)=>(0,t.jsx)(u,{...e},l))}),p=({items:e=[]})=>(0,t.jsxs)("div",{className:"relative flex min-h-screen flex-col bg-[#F5F3F5]",children:[(0,t.jsx)(a.A,{}),(0,t.jsx)(i.A,{}),(0,t.jsx)("main",{className:"flex w-full max-w-7xl flex-1 justify-center self-center py-5",children:(0,t.jsxs)("div",{className:"w-full",children:[(0,t.jsx)("h1",{className:"pb-6 text-bluemine-800",children:"Blog"}),(0,t.jsx)(o,{items:e})]})}),(0,t.jsx)(r.A,{})]});var w=s(3427),f=!0;let g=({items:e})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(w.A,{title:"Blog – Uplab"}),(0,t.jsx)(p,{items:e})]})},5443:(e,l,s)=>{"use strict";s.d(l,{A:()=>d});var t=s(7876),a=s(4232),i=s(5827),r=s(4846);let n=(0,i.tv)({base:"fixed z-50 top-0 w-full transition-transform duration-300 bg-white",variants:{visible:{true:"translate-y-0",false:"-translate-y-full"}},defaultVariants:{visible:!1}}),d=({threshold:e=800})=>{let{isVisible:l}=(e=>{let[l,s]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let l=window.scrollY,t=()=>{let t=window.scrollY;

1if(t<=e){s(!1),l=t;return}let a=t-l;6>Math.abs(a)||(s(a<0),l=t)};return t(),window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[e]),{isVisible:l}})(e);return(0,t.jsx)("div",{className:n({visible:l}),children:(0,t.jsx)(r.A,{})})}}},e=>{e.O(0,[967,587,668,766,636,593,792],()=>e(e.s=4267)),_N_E=e.O()}]);