https://assets-blog.upgrad.com/1599/_next/static/chunks/8791.89056c9708271a9e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8791,3452],{38791:function(e,n,t){t.r(n);var l=t(85893),i=t(93996),a=t(91620),c=t(78274),o=t(11163),s=t(67294);n.default=e=>{let{totalItems:n,itemsPerPage:t,currentPage:r,onPageChange:d}=e,[u,h]=(0,s.useState)(Math.ceil(n/t)),g=(0,o.useRouter)();(0,s.useEffect)(()=>{h(Math.ceil(n/t))},[n,t]);let handlePageChange=e=>{e<1||e>u||d(e)};return(0,l.jsxs)("div",{className:"flex items-center justify-center gap-spacing24 md:py-0 py-spacing12",children:[(0,l.jsx)(i.default,{ignoreRel:!0,className:"rounded-128 shadow-xs w-spacing40 h-spacing40 p-spacing10 flex bg-white hover:text-black  items-center justify-center !no-underline\n          ".concat(1===r?"cursor-not-allowed":""),disabled:1===r,onClick:()=>{(0,c.L9)(a.Mx,{section:"blog_listing",component_name:"direction_button",direction:"left"}),handlePageChange(r-1)},children:(0,l.jsx)("i",{className:"icon-chevron-right text-icon-lg  ".concat(1===r?"fill-gray-400 cursor-not-allowed":"fill-black ","  rotate-180")})}),(0,l.jsx)("div",{className:"flex items-center justify-center md:gap-spacing16 gap-spacing20",children:(()=>{let e=[];

1if(u<=5)for(let n=1;n<=u;n++)e.push(n);else{e.push(1),r>3&&e.push("...");let n=Math.max(r-1,2),t=Math.min(r+1,u-1);for(let l=n;l<=t;l++)e.push(l);r<u-2&&e.push("..."),e.push(u)}return e.map((e,n)=>{var t,c;return(0,l.jsx)(i.default,{...e!==r&&{href:"".concat(null==g?void 0:null===(c=g.asPath)||void 0===c?void 0:null===(t=c.split("?"))||void 0===t?void 0:t[0]).concat(e>1?"?page=".concat(e):"")},ignoreRel:!0,className:"!no-underline p-spacing16 font-circularMedium w-spacing40 h-spacing40 shadow-xs flex items-center justify-center rounded-8 text-buttonSmall -tracking-0.16\n          ".concat(e===r?"bg-black !text-white":"bg-white !text-black","\n                  ").concat("..."===e?" !bg-transparent !shadow-none !text-black pointer-events-none":""),onClick:()=>{"..."!==e&&handlePageChange(Number(e))},trackObj:{event:a.Qm,props:{label:e,section:"blog_listing",component_name:"pagination"}},disabled:"..."===e||e===r,children:e},n)})})()}),(0,l.jsx)(i.default,{ignoreRel:!0,className:"rounded-128 shadow-xs p-spacing10 flex bg-white hover:text-black  w-spacing40 h-spacing40 items-center justify-center !no-underline\n          ".concat(r===u?"cursor-not-allowed ":""),disabled:r===u,onClick:()=>{(0,c.L9)(a.Mx,{section:"blog_listing",component_name:"direction_button",direction:"right"}),handlePageChange(r+1)},children:(0,l.jsx)("i",{className:"icon-chevron-right text-icon-lg ".concat(r===u?"!fill-gray-400 cursor-not-allowed":"!fill-black","\n              ")})})]})}},93996:function(e,n,t){t.r(n);var l=t(85893),i=t(67294),a=t(78274),c=t(23921),o=t(59425);n.default=e=>{let{children:n,target:t,rel:s,id:r,href:d,as:u,trackObj:h,onClick:g,className:p,download:f,title:m,style:v,ignoreRel:x=!1,...b}=e,{isKHBlog:w,isUGBlog:k}=(0,o.Z)();return(0,l.jsx)("a",{target:t,...!x&&{rel:s||(()=>{if(k){if(!((null==d?void 0:d.includes("upgrad.com"))||(null==d?void 0:d.startsWith("/"))))return"nofollow"}else if(w&&!((null==d?void 0:d.includes("knowledgehut.com"))||(null==d?void 0:d.startsWith("/"))))return"nofollow"})()},id:r,className:p,href:k?d&&function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",[n,t]=(null==e?void 0:e.split("?"))||[],l=null==n?void 0:n.endsWith(".pdf");return(null==n?void 0:n.endsWith("/"))?e:"".concat(n).concat(l?"":"/").concat(t?"?".concat(t):"")}(d):d,style:v,download:f,title:m,onClick:e=>{(0,i.startTransition)(()=>{var n;if(h){let{event:e,props:n,data:t}=h;(0,a.L9)(e,n,t||null)}(0,c.Az)({key:"previousurl",value:window.location.href}),g&&g(e),d||r!==(null===(n=e.target)||void 0===n?void 0:n.id)&&e.target.className!==p||null==e||e.preventDefault()})},children:n})}}}]);