https://www.nivabupa.com/articles_pages/_next/static/chunks/8024.de28b31a78b2b97b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8024],{88024:(e,s,l)=>{l.r(s),l.d(s,{default:()=>h});var t=l(37876),i=l(14232),a=l(54587),n=l.n(a),d=l(48230),r=l.n(d);let c=(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"white",className:"w-6 h-6",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"})}),o=(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"rgb(245, 159, 0)",className:"w-6 h-6",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5 8.25 12l7.5-7.5"})});function h(e){let{cardsData:s,imagesAlt:l}=e,[a,d]=(0,i.useState)(0),[h,x]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=()=>x(window.innerWidth<900);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let m=h?1:3,w=Math.ceil((s?.length||0)/m),u=(0,i.useMemo)(()=>{let e=a*m;return(s??[]).slice(e,e+m)},[s,a,m]);return(0,t.jsxs)("div",{className:"my-9 w-full mx-auto max-w-[1280px]",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,t.jsx)("h2",{className:"text-2xl font-bold",children:"You may also like"}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("button",{onClick:()=>{d(e=>Math.max(e-1,0))},disabled:0===a,"aria-label":"Previous",className:"w-10 h-10 rounded-full border border-gray-300 flex items-center justify-center disabled:opacity-40 disabled:cursor-not-allowed",children:o}),(0,t.jsx)("button",{onClick:()=>{d(e=>Math.min(e+1,w-1))},disabled:a>=w-1,"aria-label":"Next",className:"w-10 h-10 rounded-full bg-yellow-400 flex items-center justify-center disabled:opacity-40 disabled:cursor-not-allowed",children:c})]})]}),(0,t.jsx)("div",{className:"flex flex-wrap -mx-3",children:u.map((e,s)=>(0,t.jsx)("div",{className:"w-full md:w-1/2 lg:w-1/3 px-3",children:(0,t.jsx)("div",{className:`shadow-md px-5 py-5 rounded-md md:h-[330px] h-[350px] ${s%2!=0?"bg-nivabupa-blue-light text-white":""}`,children:(0,t.jsx)(r(),{prefetch:!1,href:e.link,children:(0,t.jsxs)("div",{className:"flex flex-col items-center",children:[(0,t.jsx)(n(),{src:e.imgUrl,alt:l||"Article image",height:120,width:384,loading:"lazy",sizes:"(max-width: 768px) 100vw, 25vw",className:"h-[120px] w-full object-cover",unoptimized:!0}),(0,t.jsxs)("div",{className:"flex flex-col mt-3",children:[(0,t.jsx)("h2",{className:"text-xl font-bold",children:e?.heading?.length>40?e?.heading?.substring(0,35)+"...":e?.heading}),(0,t.jsx)("p",{className:"text-sm mt-2",children:e.description})]})]})})})},s))})]})}}}]);