(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{91671:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return D},default:function(){return P}});var n=r(59499),o=r(67160),i=r(67294),a=r(31036),s=r(46670),c=(0,s.Pi)((function(e){return i.createElement(a.N,(0,o.pi)({},e,{addOgpMetas:!0}))})),l=r(85756),g=r(51161),d=r(50029),u=r(87794),p=r.n(u),h=r(37210),f=r(77607),m=r(58533),x=r(61121),j=r(78633),w=r(30080),b=r(85893),C=(0,s.Pi)((function(e){var t=e.blogList,r=e.isDateShow,n=e.isAuthorShow,o=e.isCenter,a=e.isCategoryShow,s=e.isReadMoreButtonShow,c=e.isReadMoreButtonPosition,l=e.title,g=e.imageAspectRatio,u=e.isImageCover,C=e.isRowDesign,v=e.titleColor,N=e.descriptionColor,y=e.readMoreTextColor,D=e.titleHeightDisabled,P=e.isPagination,_=e.isCategoryNameTop,k=e.categoryFontSize,O=e.categoryFontWeight,S=e.showBorder,B=e.borderColor,M=e.borderRadius,R=e.titleMinHeight,T=e.readMoreButtonAnimationDisabled,Z=e.blogTitleHTag,F=e.isBlogNameP,H=(0,f.$)().t,A=i.useRef(null),E=function(){return(0,b.jsx)("div",{className:"flex justify-center h-8",children:(0,b.jsxs)("span",{className:"flex text-sm",children:[H("common:loading"),(0,b.jsx)(x.E$Q,{size:20,className:"ml-2 loading-icon"})]})})},z=function(){if(A.current){var e=document.querySelector(".scrolled_list-main_blog_page").getBoundingClientRect().top+window.pageYOffset-100;window.scrollTo({top:e,behavior:"smooth"})}};return(0,b.jsx)(b.Fragment,{children:(0,b.jsxs)("div",{ref:A,className:"container flex flex-col category-products-main mx-auto relative mb-4 mt-4 pb-8 scrolled_list-main_blog_page",children:[!!l&&(0,b.jsx)("div",{className:"m-4 unreset",dangerouslySetInnerHTML:{__html:l}}),P?(0,b.jsx)("div",{className:"",children:(0,b.jsx)("div",{className:"".concat(C?"":"grid grid-cols-1 m-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-6"),children:t.data.map((function(e){return(0,b.jsx)(h.Z,{blogDetail:e,isAuthorShow:n,isDateShow:r,isCenter:o,isCategoryShow:a,isReadMoreButtonShow:s,isReadMoreButtonPosition:c,imageAspectRatio:g,isImageCover:u,isRowDesign:C,titleColor:v,descriptionColor:N,readMoreTextColor:y,titleHeightDisabled:D,isCategoryNameTop:_,categoryFontSize:k,categoryFontWeight:O,showBorder:S,borderColor:B,borderRadius:M,titleMinHeight:R,readMoreButtonAnimationDisabled:T,blogTitleHTag:Z,isBlogNameP:F},e.id)}))})}):(0,b.jsx)(m.Z,{dataLength:t.page*t.limit,next:function(){t.getNext()},hasMore:t.hasNext,loader:(0,b.jsx)(E,{}),children:(0,b.jsx)("div",{className:"",children:(0,b.jsx)("div",{className:"".concat(C?"":"grid grid-cols-1 m-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-6"),children:t.data.map((function(e){return(0,b.jsx)(h.Z,{blogDetail:e,isAuthorShow:n,isDateShow:r,isCenter:o,isCategoryShow:a,isReadMoreButtonShow:s,isReadMoreButtonPosition:c,imageAspectRatio:g,isImageCover:u,isRowDesign:C,titleColor:v,descriptionColor:N,readMoreTextColor:y,titleHeightDisabled:D,isCategoryNameTop:_,categoryFontSize:k,categoryFontWeight:O,showBorder:S,borderColor:B,borderRadius:M,titleMinHeight:R,readMoreButtonAnimationDisabled:T,blogTitleHTag:Z,isBlogNameP:F},e.id)}))})})}),!!P&&(0,b.jsx)("div",{className:"pagination-main mt-12 flex justify-center sm:justify-center md:justify-center lg:justify-center items-center",children:(0,b.jsx)("div",{className:"paginations",children:(0,b.jsxs)("ul",{className:"flex  items-center",children:[t.page>=3&&(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(1);case 2:z();case 3:case"end":return e.stop()}}),e)}))),children:(0,b.jsx)(j.URD,{color:"#585D6B"})}),(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(t.page-1);case 2:z();case 3:case"end":return e.stop()}}),e)}))),className:t.hasPrev?"":"page-passive",children:(0,b.jsx)(w.oTp,{color:t.hasPrev?"#585D6B":"#D4D8DF"})}),1!==t.page?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(t.page-1);case 2:z();case 3:case"end":return e.stop()}}),e)}))),children:t.page-1}),(0,b.jsx)("li",{className:"page-active",children:t.page}),t.page+1<=t.pageCount&&(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(t.page+1);case 2:z();case 3:case"end":return e.stop()}}),e)}))),children:t.page+1})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("li",{className:"page-active",children:1}),t.pageCount>1&&(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(2);case 2:z();case 3:case"end":return e.stop()}}),e)}))),children:2}),t.pageCount>2&&(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(3);case 2:z();case 3:case"end":return e.stop()}}),e)}))),children:3})]}),(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(t.page+1);case 2:z();case 3:case"end":return e.stop()}}),e)}))),className:t.hasNext?"":"page-passive",children:(0,b.jsx)(w.Djl,{color:t.hasNext?"#585D6B":"#D4D8DF"})}),t.page+1!==t.pageCount&&t.page!==t.pageCount&&t.pageCount>3&&(0,b.jsx)("li",{onClick:(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getPage(t.pageCount);case 2:z();case 3:case"end":return e.stop()}}),e)}))),children:(0,b.jsx)(j.ZC5,{color:"#585D6B"})})]})})})]})})})),v={"da441bc4-d943-44d7-9064-a806f7bdba5f":l.Z,"512d3468-59fa-48ed-8243-53ef81b37c91":g.Z,"4c3d81c0-7bf7-4878-9aca-264f5e98a156":C};function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var y=c,D=!0,P=function(e){return(0,b.jsx)(y,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({components:v},e))}},67801:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return r(91671)}])}},function(e){e.O(0,[3662,461,4838,9317,4738,4396,3365,4817,648,509,2510,6957,7473,34,3035,5844,250,3483,9774,2888,179],(function(){return t=67801,e(e.s=t);var t}));var t=e.O();_N_E=t}]);