1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8825],{5807:function(e,s,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/categories/list",function(){return l(6521)}])},6521:function(e,s,l){"use strict";l.r(s);var a=l(5893),i=l(7294),r=l(5675),n=l.n(r),t=l(1664),d=l.n(t);s.default=e=>{let{categoryList:s}=e,[l,r]=(0,i.useState)(null),t=e=>{r(s=>s===e?null:e)};return(0,a.jsx)("div",{className:"bg-white flex justify-center items-center",children:(0,a.jsx)("div",{className:"w-content large:px-0 medium:px-[2.5rem] px-[1rem] flex py-10 flex-col gap-10 max-large:w-full",children:(0,a.jsx)("div",{className:"grid grid-cols-1 gap-4",children:s.map(e=>{var s,i;return(0,a.jsxs)("div",{className:"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl",children:[(0,a.jsxs)("div",{onClick:()=>t(e.id),className:"flex items-center justify-between p-5 cursor-pointer hover:bg-gray-100 transition-colors",children:[(0,a.jsxs)("div",{className:"flex items-center",children:[e.imageLink&&(0,a.jsx)(n(),{unoptimized:!0,src:e.imageLink,alt:e.name,width:50,height:50,className:"mr-4 rounded-md"}),(0,a.jsx)(d(),{href:"categories/".concat(null==e?void 0:e.slug),className:"text-lg font-semibold text-webblack",children:e.name})]}),(0,a.jsx)("i",{className:"fa-solid fa-chevron-right text-webblack transition-transform ".concat(l===e.id?"rotate-90":"")})]}),l===e.id&&(null==e?void 0:e.subcategories)&&(null==e?void 0:null===(s=e.subcategories)||void 0===s?void 0:s.length)>0&&(0,a.jsx)("div",{className:"p-4 bg-gray-50 border-t",children:(0,a.jsx)("div",{className:"grid max-small:grid-cols-1 grid-cols-2 gap-4",children:e.subcategories.map(e=>(0,a.jsxs)("div",{className:"bg-white p-3 rounded-md shadow-sm hover:bg-blue-50 transition-colors cursor-pointer",children:[(0,a.jsx)(d(),{href:"/categories/".concat(e.slug),className:"text-sm font-medium text-gray-700",children:e.name}),e.brand&&(0,a.jsx)("div",{className:"mt-2 flex flex-wrap gap-2",children:e.brand.map(s=>(0,a.jsx)(d(),{href:"/categories/".concat(e.slug,"/").concat(s.slug),className:"text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full",children:s.name},s.id))})]},e.id))})}),l===e.id&&(null==e?void 0:e.subcategories)&&(null==e?void 0:null===(i=e.subcategories)||void 0===i?void 0:i.length)===0&&e.brands&&e.brands.length>0&&(0,a.jsx)("div",{className:"p-4 bg-gray-50 border-t",children:(0,a.jsx)("div",{className:"mt-2 flex flex-wrap gap-2",children:e.brands.map(s=>(0,a.jsx)(d(),{href:"/categories/".concat(e.slug,"/").concat(s.slug),className:"text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full",children:s.name},s.id))})})]},e.id)})})})})}}},function(e){e.O(0,[1664,5675,2888,9774,179],function(){return e(e.s=5807)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.