https://athanpro.com/_next/static/chunks/pages/blog-7d9975ebcc988559.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[195],{7801:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return r(7066)}])},1296:function(e,t,r){"use strict";r.d(t,{Z:function(){return o}});var a=r(5893);r(7294);let l=new Intl.DateTimeFormat("en",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"}),n=e=>"string"==typeof e&&e.length>0&&!Number.isNaN(Date.parse(e)),s=e=>l.format(new Date(e)),i=e=>{let{value:t,className:r}=e;return n(t)?(0,a.jsx)("time",{className:r,dateTime:t,children:s(t)}):null};var o=i},9131:function(e,t,r){"use strict";var a=r(5893);r(7294);var l=r(7207),n=r(6261),s=r.n(n);let i=e=>{let{image:t,fallback:r=!1,eager:n=!1}=e,i=(0,l.Vs)(t);return i?(0,a.jsx)("img",{className:s().image,src:i,srcSet:(0,l.Ji)(t),sizes:"(max-width: 600px) 100vw, (max-width: 1024px) 50vw, 760px",alt:(null==t?void 0:t.altText)||"",width:"1200",height:"675",loading:n?"eager":"lazy",decoding:"async"}):r?(0,a.jsx)("div",{className:s().fallback,role:"img","aria-label":"Athan Pro article image placeholder",children:(0,a.jsx)("span",{"aria-hidden":"true",children:"Athan Pro"})}):null};t.Z=i},7726:function(e,t,r){"use strict";var a=r(5893);r(7294);var l=r(1765),n=r(1664),s=r.n(n),i=r(8859),o=r(702),c=r(1276),u=r.n(c),m=r(4184),d=r.n(m),p=r(2962),h=r(1163),f=r(6013);let g="".concat("https://athanpro.com"),_=e=>{let{title:t,path:r}=e;return(0,a.jsx)(s(),{prefetch:!1,href:r,passHref:!0,className:u().breadcrumb,dir:"auto",children:t})},x=e=>{let{links:t}=e,{t:r}=(0,o.$G)("links"),{locale:n}=(0,h.useRouter)(),s=[{position:1,name:r("home"),item:(0,f.v)(g,i._.home,n)},...t.map((e,t)=>({position:t+2,name:e.title,item:(0,f.v)(g,e.path,n)}))],c=d()(u().breadcrumb,u().inactive);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.gR,{itemListElements:s}),(0,a.jsxs)(l.Z,{sx:{textTransform:"capitalize",fontSize:"14px",lineHeight:"13px",letterSpacing:"-0.154px",margin:"25px 0"},children:[(0,a.jsx)(_,{title:r("home"),path:i._.home}),t.map((e,r)=>t.length!==r+1?(0,a.jsx)(_,{title:e.title,path:e.path},r):(0,a.jsx)("span",{className:c,children:e.title},r))]})]})};t.Z=x},5708:function(e,t,r){"use strict";var a=r(5893);r(7294);var l=r(4184),n=r.n(l),s=r(6062),i=r.n(s);let o=e=>{let{title:t,subTitle:r,main:l=!1,dark:s=!1,className:o=""}=e,c=n()(i().title,o,{[i().margin]:!!r,[i().dark]:s}),u=n()(i().subtitle,{[i().dark]:s});return(0,a.jsxs)(a.Fragment,{children:[l?(0,a.jsx)("h1",{className:c,dir:"auto",children:t}):(0,a.jsx)("p",{className:c,dir:"auto",children:t}),r&&(0,a.jsx)("p",{className:u,children:r})]})};t.Z=o},7207:function(e,t,r){"use strict";r.d(t,{$n:function(){return n},Ji:function(){return m},KA:function(){return u},Vs:function(){return c},gV:function(){return i},tm:function(){return s}});let a=/[\u0000-\u001f\u007f]/,l=/^([a-z][a-z\d+.-]*):/i,n=e=>"/blog/".concat(encodeURIComponent(e)),s=e=>{var t,r;let n=e.trim();if(!n||n!==e||a.test(n)||n.startsWith("//"))return!1;let s=null===(t=n.match(l))||void 0===t?void 0:null===(r=t[1])||void 0===r?void 0:r.toLowerCase();return!s||["http","https","mailto","tel"].includes(s)},i=e=>{let t=e.trim();return!(!t||t!==e||a.test(t))&&(t.startsWith("/")?!t.startsWith("//"):t.toLowerCase().startsWith("https://"))},o=e=>e&&i(e)?e:null,c=e=>e?o(e.optimizedUrl)||o(e.originalUrl):null,u=(e,t)=>{let r=c(e);return r&&r.startsWith("/")?"".concat(t.replace(/\/+$/,"")).concat(r):r},m=e=>{if(!e)return;let t=[[o(e.smallUrl),"480w"],[o(e.mediumUrl),"768w"],[c(e),"1200w"]].filter(e=>Boolean(e[0])),r=new Map(t.map(e=>{let[t,r]=e;return[t,r]}));return r.size?Array.from(r,e=>{let[t,r]=e;return"".concat(t," ").concat(r)}).join(", "):void 0}},1765:function(e,t,r){"use strict";r.d(t,{Z:function(){return P}});var a=r(7462),l=r(3366),n=r(7294);r(9734);var s=r(6010),i=r(4780),o=r(7593),c=r(6622),u=r(2201),m=r(6445),d=r(4480),p=r(5893),h=(0,d.Z)((0,p.jsx)("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),f=r(7476);let g=(0,o.ZP)(f.Z)(e=>{let{theme:t}=e;return(0,a.Z)({display:"flex",marginLeft:"calc(".concat(t.spacing(1)," * 0.5)"),marginRight:"calc(".concat(t.spacing(1)," * 0.5)")}

1,"light"===t.palette.mode?{backgroundColor:t.palette.grey[100],color:t.palette.grey[700]}:{backgroundColor:t.palette.grey[700],color:t.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":(0,a.Z)({},"light"===t.palette.mode?{backgroundColor:t.palette.grey[200]}:{backgroundColor:t.palette.grey[600]}),"&:active":(0,a.Z)({boxShadow:t.shadows[0]},"light"===t.palette.mode?{backgroundColor:(0,m._4)(t.palette.grey[200],.12)}:{backgroundColor:(0,m._4)(t.palette.grey[600],.12)})})}),_=(0,o.ZP)(h)({width:24,height:16});var x=function(e){return(0,p.jsx)("li",{children:(0,p.jsx)(g,(0,a.Z)({focusRipple:!0},e,{ownerState:e,children:(0,p.jsx)(_,{ownerState:e})}))})},b=r(1588),y=r(4867);function v(e){return(0,y.Z)("MuiBreadcrumbs",e)}let j=(0,b.Z)("MuiBreadcrumbs",["root","ol","li","separator"]),N=["children","className","component","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],Z=e=>{let{classes:t}=e;return(0,i.Z)({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},v,t)},w=(0,o.ZP)(u.Z,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,t)=>[{["& .".concat(j.li)]:t.li},t.root]})({}),S=(0,o.ZP)("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,t)=>t.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),k=(0,o.ZP)("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,t)=>t.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8}),C=n.forwardRef(function(e,t){var r,i;let o=(0,c.Z)({props:e,name:"MuiBreadcrumbs"}),{children:u,className:m,component:d="nav",expandText:h="Show path",itemsAfterCollapse:f=1,itemsBeforeCollapse:g=1,maxItems:_=8,separator:b="/"}=o,y=(0,l.Z)(o,N),[v,j]=n.useState(!1),C=(0,a.Z)({},o,{component:d,expanded:v,expandText:h,itemsAfterCollapse:f,itemsBeforeCollapse:g,maxItems:_,separator:b}),P=Z(C),R=n.useRef(null),z=n.Children.toArray(u).filter(e=>n.isValidElement(e)).map((e,t)=>(0,p.jsx)("li",{className:P.li,children:e},"child-".concat(t)));return(0,p.jsx)(w,(0,a.Z)({ref:t,component:d,color:"text.secondary",className:(0,s.Z)(P.root,m),ownerState:C},y,{children:(0,p.jsx)(S,{className:P.ol,ref:R,ownerState:C,children:(r=v||_&&z.length<=_?z:(e=>{let t=()=>{j(!0);let e=R.current.querySelector("a[href],button,[tabindex]");e&&e.focus()};return g+f>=e.length?e:[...e.slice(0,g),(0,p.jsx)(x,{"aria-label":h,onClick:t},"ellipsis"),...e.slice(e.length-f,e.length)]})(z),i=P.separator,r.reduce((e,t,a)=>(a<r.length-1?e=e.concat(t,(0,p.jsx)(k,{"aria-hidden":!0,className:i,ownerState:C,children:b},"separator-".concat(a))):e.push(t),e),[]))})}))});var P=C},687:function(e,t){"use strict";Symbol.for("react.element"),Symbol.for("react.portal"),Symbol.for("react.fragment"),Symbol.for("react.strict_mode"),Symbol.for("react.profiler"),Symbol.for("react.provider"),Symbol.for("react.context"),Symbol.for("react.server_context"),Symbol.for("react.forward_ref"),Symbol.for("react.suspense"),Symbol.for("react.suspense_list"),Symbol.for("react.memo"),Symbol.for("react.lazy"),Symbol.for("react.offscreen"),Symbol.for("react.module.reference")},9734:function(e,t,r){"use strict";r(687)},7066:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return Z},default:function(){return w}});var a=r(5893);r(7294);var l=r(2962),n=r(1163),s=r(702),i=r(6434),o=r(6112),c=r(7726),u=r(5708),m=r(1664),d=r.n(m),p=r(7207),h=r(1296),f=r(9131),g=r(4188),_=r.n(g);let x=e=>{let{post:t}=e,{t:r}=(0,s.$G)("blog");return(0,a.jsx)(d(),{className:_().link,href:(0,p.$n)(t.slug),prefetch:!1,"aria-label":"".concat(r("readArticle"),": ").concat(t.title),children:(0,a.jsxs)("article",{className:_().card,dir:"auto",lang:t.language||"en",children:[(0,a.jsx)(f.Z,{image:t.heroImage,fallback:!0}),(0,a.jsxs)("div",{className:_().content,children:[(0,a.jsx)(h.Z,{value:t.publishedAt,className:_().date}),(0,a.jsx)("h2",{className:_().title,children:t.title}),t.excerpt&&(0,a.jsx)("p",{className:_().excerpt,children:t.excerpt}),(0,a.jsxs)("span",{className:_()["read-more"],"aria-hidden":"true",children:[r("readArticle")," ",(0,a.jsx)("span",{children:"→"})]})]})]})})};var b=r(6013),y=r(8859),v=r(834),j=r.n(v);let N=e=>{let{posts:t}=e,{locale:r}=(0,n.useRouter)(),{t:m}=(0,s.$G)("blog"),{t:d}=(0,s.$G)("links"),p=m("pageTitle"),h=m("pageDescription"),f=(0,b.v)("https://athanpro.com",y._.blog,r),g=[{title:d("blog"),path:y._.blog}];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.PB,{title:p,description:h,canonical:f,o

1penGraph:{type:"website",url:f,title:p,description:h,siteName:"Athan Pro"},twitter:{cardType:"summary_large_image"}}),(0,a.jsx)(i.Z,{children:(0,a.jsx)("main",{className:j()["blog-page"],children:(0,a.jsxs)(o.Z,{children:[(0,a.jsx)(c.Z,{links:g}),(0,a.jsxs)("header",{className:j()["page-header"],children:[(0,a.jsx)(u.Z,{title:p,main:!0}),(0,a.jsx)("p",{dir:"auto",children:h})]}),t.length?(0,a.jsx)("div",{className:j().grid,children:t.map(e=>(0,a.jsx)(x,{post:e},e.guid))}):(0,a.jsx)("p",{className:j().empty,dir:"auto",children:m("empty")})]})})})]})};var Z=!0,w=N},4188:function(e){e.exports={link:"styles_link__BHG6T",card:"styles_card__VQ9PU",content:"styles_content__Pnvys",date:"styles_date__XXn41",title:"styles_title__i_D0v",excerpt:"styles_excerpt__I7CIh","read-more":"styles_read-more__zvWSI"}},6261:function(e){e.exports={image:"styles_image__maXqQ",fallback:"styles_fallback__bnj7N"}},1276:function(e){e.exports={breadcrumb:"styles_breadcrumb__tY1aP",inactive:"styles_inactive__jxh08"}},6062:function(e){e.exports={title:"styles_title__kiLDY",margin:"styles_margin__uAC1X",dark:"styles_dark__UMjlx",subtitle:"styles_subtitle__pWuN2"}},834:function(e){e.exports={"blog-page":"styles_blog-page__5WAPd","page-header":"styles_page-header__UeZRf",grid:"styles_grid__yks9b",empty:"styles_empty__1somH"}}},function(e){e.O(0,[45,434,774,888,179],function(){return e(e.s=7801)}),_N_E=e.O()}]);