https://ananthanandanan.vercel.app/_next/static/chunks/pages/blog/[...slug]-2a3619303149cecc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94],{9618:function(e,t,r){var a={"./AuthorLayout":5126,"./AuthorLayout.js":5126,"./ListLayout":4965,"./ListLayout.js":4965,"./PostLayout":2695,"./PostLayout.js":2695,"./PostSimple":2937,"./PostSimple.js":2937};function l(e){return r(n(e))}function n(e){if(!r.o(a,e)){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}l.keys=function(){return Object.keys(a)},l.resolve=n,e.exports=l,l.id=9618},5706:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[...slug]",function(){return r(1165)}])},9868:function(e,t,r){"use strict";var a=r(7320),l=r(5675),n=r.n(l);t.Z=e=>{let{...t}=e;return(0,a.tZ)(n(),{...t})}},3079:function(e,t,r){"use strict";r.d(t,{Z:function(){return l}});var a=r(7320);function l(e){let{children:t}=e;return(0,a.tZ)("h1",{className:"text-3xl font-extrabold leading-9 tracking-tight text-gray-100 sm:text-4xl sm:leading-10 md:text-5xl md:leading-14",children:t})}},4335:function(e,t,r){"use strict";r.d(t,{$t:function(){return h},TQ:function(){return d},Uy:function(){return m}});var a=r(7320),l=r(9008),n=r.n(l),i=r(1163),c=r(3516),s=r.n(c);let o=e=>{let{title:t,description:r,ogType:l,ogImage:c,twImage:o,canonicalUrl:d}=e,h=(0,i.useRouter)();return(0,a.BX)(n(),{children:[(0,a.tZ)("title",{children:t}),(0,a.tZ)("meta",{name:"robots",content:"follow, index"}),(0,a.tZ)("meta",{name:"description",content:r}),(0,a.tZ)("meta",{property:"og:url",content:"".concat(s().siteUrl).concat(h.asPath)}),(0,a.tZ)("meta",{property:"og:type",content:l}),(0,a.tZ)("meta",{property:"og:site_name",content:s().title}),(0,a.tZ)("meta",{property:"og:description",content:r}),(0,a.tZ)("meta",{property:"og:title",content:t}),"Array"===c.constructor.name?c.map(e=>{let{url:t}=e;return(0,a.tZ)("meta",{property:"og:image",content:t},t)}):(0,a.tZ)("meta",{property:"og:image",content:c},c),(0,a.tZ)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.tZ)("meta",{name:"twitter:site",content:s().twitter}),(0,a.tZ)("meta",{name:"twitter:title",content:t}),(0,a.tZ)("meta",{name:"twitter:description",content:r}),(0,a.tZ)("meta",{name:"twitter:image",content:o}),(0,a.tZ)("link",{rel:"canonical",href:d||"".concat(s().siteUrl).concat(h.asPath)})]})},d=e=>{let{title:t,description:r}=e,l=s().siteUrl+s().socialBanner,n=s().siteUrl+s().socialBanner;return(0,a.tZ)(o,{title:t,description:r,ogType:"website",ogImage:l,twImage:n})},h=e=>{let{title:t,description:r}=e,l=s().siteUrl+s().socialBanner,c=s().siteUrl+s().socialBanner,d=(0,i.useRouter)();return(0,a.BX)(a.HY,{children:[(0,a.tZ)(o,{title:t,description:r,ogType:"website",ogImage:l,twImage:c}),(0,a.tZ)(n(),{children:(0,a.tZ)("link",{rel:"alternate",type:"application/rss+xml",title:"".concat(r," - RSS feed"),href:"".concat(s().siteUrl).concat(d.asPath,"/feed.xml")})})]})},m=e=>{let{authorDetails:t,title:r,summary:l,date:c,lastmod:d,url:h,images:m=[],canonicalUrl:u}=e;(0,i.useRouter)();let p=new Date(c).toISOString(),g=new Date(d||c).toISOString(),x=(0===m.length?[s().socialBanner]:"string"==typeof m?[m]:m).map(e=>({"@type":"ImageObject",url:"".concat(s().siteUrl).concat(e)})),Z={"@context":"https://schema.org","@type":"Article",mainEntityOfPage:{"@type":"WebPage","@id":h},headline:r,image:x,datePublished:p,dateModified:g,author:t?t.map(e=>({"@type":"Person",name:e.name})):{"@type":"Person",name:s().author},publisher:{"@type":"Organization",name:s().author,logo:{"@type":"ImageObject",url:"".concat(s().siteUrl).concat(s().siteLogo)}},description:l},y=x[0].url;return(0,a.BX)(a.HY,{children:[(0,a.tZ)(o,{title:r,description:l,ogType:"article",ogImage:x,twImage:y,canonicalUrl:u}),(0,a.BX)(n(),{children:[c&&(0,a.tZ)("meta",{property:"article:published_time",content:p}),d&&(0,a.tZ)("meta",{property:"article:modified_time",content:g}),(0,a.tZ)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(Z,null,2)}})]})]})}},7313:function(e,t,r){"use strict";var a=r(7320),l=r(1664),n=r.n(l),i=r(6256);t.Z=e=>{let{text:t}=e;return(0,a.tZ)(n(),{href:"/tags/".concat((0,i.Z)(t)),className:"mx-1 text-sm font-medium uppercase hover:text-primary-600",children:t.split(" ").join("-")})}},5126:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var a=r(7320),l=r(5896),n=r(9868),i=r(4335);function c(e){let{children:t,frontMatter:r}=e,{name:c,avatar:s,occupation:o,company:d,email:h,twitter:m,linkedin:u,github:p}=r;return(0,a.BX)(a.HY,{children:[(0,a.tZ)(i.TQ,{title:"About - ".concat(c),description:"About me - ".concat(c)}),(0,a.BX)("div",{className:"divide-y divide-gray-700",children:[(0,a.tZ)("div",{className:"space-y-2 pt-6 pb-8 md:space-y-5",children:(0,a.tZ)("h1",{className:"text-3xl font-extrabold leading-9 tracking-tight text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14",children:"About"})}),(0,a.BX)("div",{className:"items-start space-y-2 xl:grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0",children:[(0,a.BX)("div",{className:"flex flex-col items-center pt-8",children:[(0,a.tZ)(n.Z,{src:s,alt:"avatar",width:"192px",height:"192px",className:"h-48 w-48 rounded-full"}),(0,a.tZ)("h3",{className:"pt-4 pb-2 text-2xl font-bold leading-8 tracking-tight",children:c}),(0,a.tZ)("div",{className:"text-gray-400",children:o}),(0,a.tZ)("div",{className:"text-gray-400",children:d}),(0,a.BX)("div",{className:"flex space-x-3 pt-6",children:[(0,a.tZ)(l.ZP,{kind:"mail",href:"mailto:".concat(h)}),(0,a.tZ)(l.ZP,{kind:"github",href:p}),(0,a.tZ)(l.ZP,{kind:"linkedin",href:u}),(0,a.tZ)(l.ZP,{kind:"twitter",href:m})]})]}),(0,a.tZ)("div",{className:"prose max-w-none pt-8 pb-8 dark:prose-dark xl:col-span-2",children:t})]})]})]})}},4965:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return d}});var a=r(7320),l=r(3566),n=r(7313);r(3516);var i=r(1720);function c(e){let{totalPages:t,currentPage:r}=e,n=parseInt(r)-1>0,i=parseInt(r)+1<=parseInt(t);return(0,a.tZ)("div",{className:"space-y-2 pt-6 pb-8 md:space-y-5",children:(0,a.BX)("nav",{className:"flex justify-between",children:[!n&&(0,a.tZ)("button",{rel:"previous",className:"cursor-auto disabled:opacity-50",disabled:!n,children:"Previous"}),n&&(0,a.tZ)(l.Z,{href:r-1==1?"/blog/":"/blog/page/".concat(r-1),children:(0,a.tZ)("button",{rel:"previous",children:"Previous"})}),(0,a.BX)("span",{children:[r," of ",t]}),!i&&(0,a.tZ)("button",{rel:"next",className:"cursor-auto disabled:opacity-50",disabled:!i,children:"Next"}),i&&(0,a.tZ)(l.Z,{href:"/blog/page/".concat(r+1),children:(0,a.tZ)("button",{rel:"next",children:"Next"})})]})})}var s=r(1761),o=r(3758);function d(e){let{posts:t,title:r,initialDisplayPosts:d=[],pagination:h}=e,[m,u]=(0,i.useState)(""),p=t.filter(e=>(e.title+e.summary+e.tags.join(" ")).toLowerCase().includes(m.toLowerCase())),g=d.length>0&&!m?d:p;return(0,a.BX)(a.HY,{children:[(0,a.BX)("div",{className:"divide-y divide-gray-700",children:[(0,a.BX)("div",{className:"space-y-2 pb-8 md:space-y-5",children:[(0,a.tZ)("h1",{className:"tracking-tighttext-gray-100 text-3xl font-extrabold leading-9 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14",children:r}),(0,a.BX)("div",{className:"relative max-w-lg",children:[(0,a.tZ)("input",{"aria-label":"Search articles",type:"text",onCh

1ange:e=>u(e.target.value),placeholder:"Search articles",className:"block w-full rounded-md border border-gray-900 bg-gray-800 px-4 py-2 text-gray-100 focus:border-primary-500 focus:ring-primary-500"}),(0,a.tZ)("svg",{className:"absolute right-3 top-3 h-5 w-5 text-gray-300",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})]})]}),(0,a.BX)("ul",{children:[!p.length&&"No posts found.",g.map(e=>{let{slug:t,date:r,title:i,summary:c,tags:d}=e;return(0,a.tZ)(o.E.li,{className:"py-3 ",whileHover:{scale:1.02},children:(0,a.BX)("article",{className:"space-y-2  p-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0",children:[(0,a.BX)("dl",{children:[(0,a.tZ)("dt",{className:"sr-only",children:"Published on"}),(0,a.tZ)("dd",{className:"text-base font-medium leading-6 text-gray-400",children:(0,a.tZ)("time",{dateTime:r,children:(0,s.Z)(r)})})]}),(0,a.BX)("div",{className:"space-y-3 xl:col-span-3",children:[(0,a.BX)("div",{children:[(0,a.tZ)("h3",{className:"text-2xl font-bold leading-8 tracking-tight",children:(0,a.tZ)(l.Z,{href:"/blog/".concat(t),className:"text-gray-100",children:i})}),(0,a.tZ)("div",{className:"flex flex-wrap",children:d.map(e=>(0,a.tZ)(n.Z,{text:e},e))})]}),(0,a.tZ)("div",{className:"prose max-w-none text-gray-400",children:c})]})]})},t)})]})]}),h&&h.totalPages>1&&!m&&(0,a.tZ)(c,{currentPage:h.currentPage,totalPages:h.totalPages})]})}},2695:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return Z}});var a=r(7320),l=r(3566),n=r(3079),i=r(1720),c=r(523),s=r.n(c),o=()=>{let[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{s().polyfill();let e=()=>{window.scrollY>200?t(!0):t(!1)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[]),(0,a.tZ)("button",{"aria-label":"Scroll To Top",type:"button",onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},style:{opacity:e?1:0},className:"fixed right-8 bottom-8 hidden rounded-md bg-gray-800 p-2 text-gray-100 transition-opacity hover:bg-gray-700 md:inline-block",children:(0,a.tZ)("svg",{className:"h-[22px] w-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,a.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 10l7-7m0 0l7 7m-7-7v18"})})})},d=r(6304),h=r(4335),m=r(9868),u=r(7313),p=r(3516),g=r.n(p);let x={weekday:"long",year:"numeric",month:"long",day:"numeric"};function Z(e){let{frontMatter:t,authorDetails:r,next:i,prev:c,children:s,toc:p}=e,{slug:Z,fileName:f,date:v,title:b,tags:N,readingTime:w}=t;return(0,a.BX)(d.Z,{children:[(0,a.tZ)(h.Uy,{url:"".concat(g().siteUrl,"/blog/").concat(Z),authorDetails:r,...t}),(0,a.tZ)(o,{}),(0,a.tZ)("article",{children:(0,a.BX)("div",{className:"xl:divide-y  xl:divide-gray-700",children:[(0,a.tZ)("header",{className:"relative pt-6 xl:pb-6",children:(0,a.BX)("div",{className:"space-y-1 text-center",children:[(0,a.tZ)("dl",{className:"space-y-10",children:(0,a.BX)("div",{children:[(0,a.tZ)("dt",{className:"sr-only",children:"Published on"}),(0,a.tZ)("dd",{className:"text-base font-medium leading-6 text-gray-400",children:(0,a.tZ)("time",{dateTime:v,children:new Date(v).toLocaleDateString(g().locale,x)})})]})}),(0,a.tZ)("div",{children:(0,a.tZ)(n.Z,{children:b})}),(0,a.BX)("div",{className:"flex justify-center gap-5",children:[(0,a.BX)("span",{className:"flex items-center gap-1",children:[(0,a.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"})}),w.words," words"]}),(0,a.BX)("span",{className:"flex items-center gap-1",children:[(0,a.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),w.text]})]})]})}),(0,a.BX)("div",{className:"divide-y divide-gray-700 pb-8 xl:grid xl:grid-cols-4 xl:gap-x-6 xl:divide-y-0",style:{gridTemplateRows:"auto 1fr"},children:[(0,a.BX)("dl",{className:"pt-6 pb-10 xl:border-b xl:border-gray-700 xl:pt-11",children:[(0,a.tZ)("dt",{className:"sr-only",children:"Authors"}),(0,a.tZ)("dd",{children:(0,a.tZ)("ul",{className:"flex justify-center space-x-8 sm:space-x-12 xl:block xl:space-x-0 xl:space-y-8",children:r.map(e=>(0,a.BX)("li",{className:"flex items-center space-x-2",children:[e.avatar&&(0,a.tZ)(m.Z,{src:e.avatar,width:38,height:38,alt:"avatar",className:"h-10 w-10 rounded-full"}),(0,a.BX)("dl",{className:"whitespace-nowrap text-sm font-medium leading-5",children:[(0,a.tZ)("dt",{className:"sr-only",children:"Name"}),(0,a.tZ)("dd",{className:"text-gray-100",children:e.name}),(0,a.tZ)("dt",{className:"sr-only",children:"Twitter"}),(0,a.tZ)("dd",{children:e.twitter&&(0,a.tZ)(l.Z,{href:e.twitter,className:"text-primary-500 hover:text-primary-400",children:e.twitter.replace("https://twitter.com/","@")})})]})]},e.name))})})]}),(0,a.tZ)("div",{className:"divide-y divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0",children:(0,a.tZ)("div",{className:"prose max-w-none pt-10 pb-8 dark:prose-dark",children:s})}),(0,a.BX)("footer",{children:[(0,a.BX)("div",{className:"divide-gray-700 text-sm font-medium leading-5 xl:col-start-1 xl:row-start-2 xl:divide-y",children:[N&&(0,a.BX)("div",{className:"py-4 xl:py-8",children:[(0,a.tZ)("h2",{className:"text-xs uppercase tracking-wide text-gray-400",children:"Tags"}),(0,a.tZ)("div",{className:"flex flex-wrap",children:N.map(e=>(0,a.tZ)(u.Z,{text:e},e))})]}

1),(i||c)&&(0,a.BX)("div",{className:"flex justify-between py-4 xl:block xl:space-y-8 xl:py-8",children:[c&&(0,a.BX)("div",{children:[(0,a.tZ)("h2",{className:"text-xs uppercase tracking-wide text-gray-400",children:"Previous Article"}),(0,a.tZ)("div",{className:"text-primary-500 hover:text-primary-400",children:(0,a.tZ)(l.Z,{href:"/blog/".concat(c.slug),children:c.title})})]}),i&&(0,a.BX)("div",{children:[(0,a.tZ)("h2",{className:"text-xs uppercase tracking-wide text-gray-400",children:"Next Article"}),(0,a.tZ)("div",{className:"text-primary-500 hover:text-primary-400",children:(0,a.tZ)(l.Z,{href:"/blog/".concat(i.slug),children:i.title})})]})]})]}),(0,a.BX)("div",{className:"sticky top-0 pt-4 xl:pt-8",children:[(0,a.tZ)(l.Z,{href:"/posts",className:"text-primary-500 hover:text-primary-400",children:"← Back to the blog"}),(0,a.tZ)("div",{className:"hidden md:block",children:(0,a.tZ)(y,{toc:p})})]})]})]})]})})]})}function y(e){let{toc:t}=e,[r,n]=(0,i.useState)();f(n);let[c,s]=(0,i.useState)([]);(0,i.useEffect)(()=>{let e=t.map(e=>({...e,children:[]}));for(let t=e.length-1;t>=0;t--)if(1!=e[t].depth){for(let r=t;r>=0;r--)if(e[t].depth-e[r].depth==1){e[r].children.unshift(e[t]);break}}s(e.filter(e=>1==e.depth))},[t]);let o=e=>{let{item:t,activeId:r}=e,n=e=>{if("#"+r===e.url)return!0;for(let t of e.children)if(n(t))return!0;return!1};return t.map((e,t)=>(0,a.BX)("div",{children:[(0,a.tZ)(l.Z,{href:e.url,children:(0,a.tZ)("p",{className:"border-l-[3px] pl-2 ".concat(n(e)&&"border-primary-500 text-primary-600"),children:e.value})}),n(e)&&e.children.length>0&&(0,a.tZ)("div",{className:"mt-1 ml-4 space-y-1",children:(0,a.tZ)(o,{item:e.children,activeId:r})})]},t))};return(0,a.BX)("div",{className:"mt-5 space-y-1 text-sm",children:[(0,a.tZ)("p",{className:"text-lg font-bold",children:"Table of content"}),(0,a.tZ)(o,{item:c,activeId:r})]})}let f=e=>{let t=(0,i.useRef)({});(0,i.useEffect)(()=>{let r=new IntersectionObserver(r=>{t.current=r.reduce((e,t)=>(e[t.target.id]=t,e),t.current);let l=[];Object.keys(t.current).forEach(e=>{let r=t.current[e];r.isIntersecting&&l.push(r)});let n=e=>a.findIndex(t=>t.id===e);1===l.length?e(l[0].target.id):l.length>1&&e(l.sort((e,t)=>n(e.target.id)>n(t.target.id))[0].target.id)},{rootMargin:"0px 0px -40% 0px"}),a=Array.from(document.querySelectorAll("h1, h2, h3"));return a.forEach(e=>r.observe(e)),()=>r.disconnect()},[e])}},2937:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return h}});var a=r(7320),l=r(3566),n=r(3079),i=r(6304),c=r(4335),s=r(3516),o=r.n(s),d=r(1761);function h(e){let{frontMatter:t,authorDetails:r,next:s,prev:h,children:m}=e,{date:u,title:p}=t;return(0,a.BX)(i.Z,{children:[(0,a.tZ)(c.Uy,{url:"".concat(o().siteUrl,"/blog/").concat(t.slug),...t}),(0,a.tZ)("article",{children:(0,a.BX)("div",{children:[(0,a.tZ)("header",{children:(0,a.BX)("div",{className:"space-y-1 border-b border-gray-700 pb-10 text-center",children:[(0,a.tZ)("dl",{children:(0,a.BX)("div",{children:[(0,a.tZ)("dt",{className:"sr-only",children:"Published on"}),(0,a.tZ)("dd",{className:"text-base font-medium leading-6 text-gray-400",children:(0,a.tZ)("time",{dateTime:u,children:(0,d.Z)(u)})})]})}),(0,a.tZ)("div",{children:(0,a.tZ)(n.Z,{children:p})})]})}),(0,a.BX)("div",{className:"divide-y divide-gray-700 pb-8 xl:divide-y-0 ",style:{gridTemplateRows:"auto 1fr"},children:[(0,a.tZ)("div",{className:"divide-y divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0",children:(0,a.tZ)("div",{className:"prose max-w-none pt-10 pb-8 dark:prose-dark",children:m})}),(0,a.tZ)("footer",{children:(0,a.BX)("div",{className:"flex flex-col text-sm font-medium sm:flex-row sm:justify-between sm:text-base",children:[h&&(0,a.tZ)("div",{className:"pt-4 xl:pt-8",children:(0,a.BX)(l.Z,{href:"/blog/".concat(h.slug),className:"text-primary-500 hover:text-primary-400",children:["← ",h.title]})}),s&&(0,a.tZ)("div",{className:"pt-4 xl:pt-8",children:(0,a.BX)(l.Z,{href:"/blog/".concat(s.slug),className:"text-primary-500 hover:text-primary-400",children:[s.title," →"]})})]})})]})]})})]})}},1761:function(e,t,r){"use strict";var a=r(3516),l=r.n(a);t.Z=e=>new Date(e).toLocaleDateString(l().locale,{year:"numeric",month:"long",day:"numeric"})},6256:function(e,t,r){"use strict";var a=r(9671);t.Z=e=>(0,a.slug)(e)},1165:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return h},default:function(){return m}});var a=r(7320),l=r(3079),n=r(1720),i=r(3194),c=r(9868),s=r(3566);let o={Image:c.Z,TOCInline:e=>{let{toc:t,indentDepth:r=2,fromHeading:l=1,toHeading:n=6,asDisclosure:i=!0,exclude:c=""}=e,s=Array.isArray(c)?RegExp("^("+c.join("|")+")$","i"):RegExp("^("+c+")$","i"),o=t.filter(e=>e.depth>=l&&e.depth<=n&&!s.test(e.value)),d=(0,a.tZ)("ul",{children:o.map(e=>(0,a.tZ)("li",{className:"".concat(e.depth>=r&&"ml-6"),children:(0,a.tZ)("a",{href:e.url,children:e.value})},e.value))});return(0,a.tZ)(a.HY,{children:i?(0,a.BX)("details",{className:"mb-4",children:[(0,a.tZ)("summary",{className:"ml-6 pt-2 pb-2 text-xl font-bold",children:"Table of Contents"}),(0,a.tZ)("div",{className:"ml-6",children:d})]}):d})},a:s.Z,pre:e=>

1{let t=(0,n.useRef)(null),[r,l]=(0,n.useState)(!1),[i,c]=(0,n.useState)(!1);return(0,a.BX)("div",{ref:t,onMouseEnter:()=>{l(!0)},onMouseLeave:()=>{l(!1),c(!1)},className:"relative",children:[r&&(0,a.tZ)("button",{"aria-label":"Copy code",type:"button",className:"absolute right-2 top-2 h-8 w-8 rounded border-2 bg-gray-800 p-1 ".concat(i?"border-green-400 focus:border-green-400 focus:outline-none":"border-gray-300"),onClick:()=>{c(!0),navigator.clipboard.writeText(t.current.textContent),setTimeout(()=>{c(!1)},2e3)},children:(0,a.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",className:i?"text-green-400":"text-gray-300",children:i?(0,a.tZ)(a.HY,{children:(0,a.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"})}):(0,a.tZ)(a.HY,{children:(0,a.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"})})})}),(0,a.tZ)("pre",{children:e.children})]})},wrapper:e=>{let{components:t,layout:l,...n}=e,i=r(9618)("./".concat(l)).default;return(0,a.tZ)(i,{...n})}},d=e=>{let{layout:t,mdxSource:r,...l}=e,c=(0,n.useMemo)(()=>(0,i.getMDXComponent)(r),[r]);return(0,a.tZ)(c,{layout:t,components:o,...l})};var h=!0;function m(e){let{post:t,authorDetails:r,prev:n,next:i}=e,{mdxSource:c,toc:s,frontMatter:o}=t;return(0,a.tZ)(a.HY,{children:!0!==o.draft?(0,a.tZ)(d,{layout:o.layout||"PostLayout",toc:s,mdxSource:c,frontMatter:o,authorDetails:r,prev:n,next:i}):(0,a.tZ)("div",{className:"mt-24 text-center",children:(0,a.BX)(l.Z,{children:["Under Construction"," ",(0,a.tZ)("span",{role:"img","aria-label":"roadwork sign",children:"\uD83D\uDEA7"})]})})})}}},function(e){e.O(0,[758,675,390,888,179],function(){return e(e.s=5706)}),_N_E=e.O()}]);