https://www.garvee.com/_next/static/chunks/7224.61f3f6d4a5dbe626.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7224],{57224:function(e,s,a){a.r(s),a.d(s,{default:function(){return n}});var r=a(27573),l=a(3866),t=a(2966),o=a(88146),i=a(7653);function n(e){var s,a;let{onClose:n,categoriesData:d=[],dictionary:c={},linkComponent:h}=e,x=h||o.default,[u,g]=(0,i.useState)((null===(s=d[0])||void 0===s?void 0:s.id)||""),m=d.find(e=>e.id===u)||d[0],b=null==m?void 0:null===(a=m.featured)||void 0===a?void 0:a.image,[f,p]=(0,i.useState)(!0);(0,i.useEffect)(()=>{p(!1)},[b]);let v=e=>{var s;g(e.id);let a=null===(s=e.featured)||void 0===s?void 0:s.image;a&&(new Image().src=a)};return m?(0,r.jsxs)("div",{className:(0,l.cn)("relative bg-white shadow-2xl rounded-b-lg border-t border-gray-100 flex overflow-hidden",m.subCategories&&m.subCategories.length>0||m.moreWaysToShop&&m.moreWaysToShop.length>0||m.featured?"w-full":"w-[300px]"),style:{minHeight:"450px"},children:[(0,r.jsx)("div",{className:"w-[300px] shrink-0 bg-gray-50 py-2 border-r border-gray-200 overflow-y-auto max-h-[600px]",children:d.map(e=>(0,r.jsxs)(x,{href:`/collections/${e.id}`,prefetch:!1,onMouseEnter:()=>v(e),onClick:()=>{n&&n()},className:`px-4 py-3 cursor-pointer flex items-center justify-between text-base font-medium transition-colors
2                ${u===e.id?"bg-white text-[#003D7A] font-bold border-l-4 border-[#003D7A]":"text-gray-700 hover:bg-gray-100 border-l-4 border-transparent"}
3              `,children:[(0,r.jsxs)("span",{className:"flex items-center gap-2 flex-1 min-w-0 mr-2",children:[(0,r.jsx)("span",{className:"truncate",children:e.name}),e.icon&&(0,r.jsx)("span",{className:"flex-shrink-0",children:e.icon})]}),u===e.id&&(0,r.jsx)(t.Z,{className:"w-4 h-4 flex-shrink-0"})]},e.id))}),(m.subCategories&&m.subCategories.length>0||m.moreWaysToShop&&m.moreWaysToShop.length>0)&&(0,r.jsxs)("div",{className:"flex-1 p-8 grid grid-cols-2 gap-8 bg-white",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-[#1a1a1a] font-bold mb-4 text-base",children:c.shopByCategories||"Shop by Categories"}),(0,r.jsx)("ul",{className:"space-y-2.5",children:m.subCategories&&m.subCategories.length>0?m.subCategories.map((e,s)=>(0,r.jsx)("li",{children:(0,r.jsxs)(x,{href:e.href,prefetch:!1,className:"text-base text-gray-600 hover:text-[#003D7A] hover:underline whitespace-normal break-words flex items-start gap-1",onClick:()=>null==n?void 0:n(),children:[(0,r.jsx)("span",{children:e.label}),e.icon&&(0,r.jsx)("span",{className:"flex-shrink-0 text-base leading-none",children:e.icon})]})},s)):(0,r.jsx)("li",{className:"text-base text-gray-400",children:c.noSubcategories||"No subcategories available"})})]}),(0,r.jsx)("div",{children:m.moreWaysToShop&&m.moreWaysToShop.length>0&&(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-[#1a1a1a] font-bold mb-4 text-base",children:c.moreWaysToShop||"More Way to Shop"}),(0,r.jsx)("ul",{className:"space-y-2.5",children:m.moreWaysToShop.map((e,s)=>(0,r.jsx)("li",{children:(0,r.jsxs)(x,{href:e.href,prefetch:!1,className:"text-base text-gray-600 hover:text-[#003D7A] hover:underline whitespace-normal break-words flex items-start gap-1",onClick:()=>null==n?void 0:n(),children:[(0,r.jsx)("span",{children:e.label}),e.icon&&(0,r.jsx)("span",{className:"flex-shrink-0 text-base leading-none",children:e.icon})]})},s))})]})})]}),m.featured&&(0,r.jsx)("div",{className:"w-64 p-6 bg-white border-l border-gray-100 flex flex-col",children:(0,r.jsxs)(x,{href:m.featured.href,prefetch:!1,className:"group",onClick:()=>null==n?void 0:n(),children:[(0,r.jsx)("h3",{className:"text-[#1a1a1a] font-bold mb-4 text-base group-hover:text-[#003D7A] transition-colors",children:m.featured.title}),(0,r.jsxs)("div",{className:"w-full overflow-hidden rounded-lg border border-gray-100 relative",children:[!f&&(0,r.jsx)("div",{className:"absolute inset-0 bg-gray-100 animate-pulse rounded-lg"}),(0,r.jsx)("img",{src:m.featured.image,alt:"Featured",loading:"lazy",decoding:"async",onLoad:()=>p(!0),className:(0,l.cn)("w-full h-auto block transform group-hover:scale-105 transition-all duration-300",f?"opacity-100":"opacity-0")})]})]})})]}):null}}}]);