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