https://www.ditp.go.th/_next/static/chunks/pages/highlighted-product-56180a2d52d69adb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9211],{8445:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/highlighted-product",function(){return a(80729)}])},80729:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return u},default:function(){return x}});var i=a(85893),s=a(67294),n=a(3632),l=a(76809),r=a(24985),d=a(52467),c=a(40792),o=a(11163),g=a(48333),h=a(66308),m=a(63805),u=!0;function x(e){var t,a,u;r.QP;let{locale:x}=(0,o.useRouter)(),[f,p]=(0,s.useState)(e.currentPage),[v,w]=(0,s.useState)(e.itemsPerPage),[P,_]=(0,s.useState)((null===(t=e.highlighted)||void 0===t?void 0:t.data)||[]),[j,N]=(0,s.useState)(0),[b,E]=(0,s.useState)(0),[y,S]=(0,s.useState)(!1),[k,C]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=()=>{S(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,s.useEffect)(()=>{(async()=>{C(!0);try{let e=(await l.hi.getHighlightedpage(f,v,x)).data;N(e.meta.pagination.total),E(e.meta.pagination.pageCount),y?_(t=>1===f?e.data:[...t,...e.data].slice(0,f*v)):_(e.data)}catch(e){console.error("Error fetching data: ",e)}finally{C(!1)}})()},[f,v,y]),(0,s.useEffect)(()=>{(async()=>{try{let t={content:e.message.page.highlighted,url:window.location.href,author:"",post_type:"หน้า",publishAt:""};await l.hi.getPageinsights(t)}catch(e){console.error("เกิดข้อผิดพลาดในการบันทึกข้อมูล",e)}})()},[]);let Z=[{label:e.message.HomePage.home,link:"/"},{label:e.message.page.highlighted}];return(0,i.jsxs)("div",{className:"pt-16 mb-16",children:[(0,i.jsx)("div",{className:"sticky top-[60px] bg-white z-20",children:(0,i.jsx)(n.Z,{paths:Z})}),(0,i.jsx)(h.Z,{title:"".concat((null===(u=e.message)||void 0===u?void 0:null===(a=u.page)||void 0===a?void 0:a.highlighted)||"กรมส่งเสริมการค้าระหว่างประเทศ"," - กรมส่งเสริมการค้าระหว่างประเทศ"),breadcrumbs:Z}),(0,i.jsxs)("div",{className:"max-w-screen-xl mx-auto mt-4 md:mt-16 px-4",children:[(0,i.jsx)("div",{className:"text-center text-2xl md:text-[40px] font-semibold text-gradient mt-4",children:e.message.page.highlighted}),(0,i.jsx)("div",{className:"w-24 h-1 bg-gradient-to-r from-blue-950 to-teal-300 mx-auto mt-2"}),(0,i.jsx)("div",{className:"gap-4 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 z-10 mt-6",children:k?Array.from({length:v}).map((e,t)=>(0,i.jsx)(g.Z,{},t)):(0,m.IU)(P).map(e=>(0,i.jsxs)("div",{className:"flex-shrink-0 md:flex md:flex-col justify-center items-center bg-white",children:[(0,i.jsx)(c.Z,{file:e}),(0,i.jsx)("div",{className:"md:w-[240px]",children:(0,i.jsx)("div",{className:"text-center text-md font-semibold line-clamp-2 hover:opacity-50",children:e.title})})]},e.id))})]}),(0,i.jsx)(d.Z,{currentPage:f,totalPages:b,itemsPerPage:v,totalItems:j,setCurrentPage:p,setItemsPerPage:w,handlePageClick:e=>{p(e)}})]})}}},function(e){e.O(0,[2275,6308,1289,7274,2888,9774,179],function(){return e(e.s=8445)}),_N_E=e.O()}]);