https://dlex.io/_next/static/chunks/153.101933668e68810b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[153],{2153:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var i=n(5893),r=n(7294),s=n(5152),a=n(4184),c=n.n(a),d=n(1852),l=(0,s.default)((function(){return n.e(675).then(n.bind(n,5675))}),{loadableGenerated:{webpack:function(){return[5675]},modules:["../components/ProductCard/ProductCard.js -> next/image"]}}),o=(0,s.default)((function(){return Promise.resolve().then(n.bind(n,7246))}),{loadableGenerated:{webpack:function(){return[7246]},modules:["../components/ProductCard/ProductCard.js -> /components/Icon"]}}),u=(0,s.default)((function(){return n.e(407).then(n.bind(n,2407))}),{loadableGenerated:{webpack:function(){return[2407]},modules:["../components/ProductCard/ProductCard.js -> /components/Link"]}}),h=(0,s.default)((function(){return n.e(359).then(n.bind(n,5359))}),{loadableGenerated:{webpack:function(){return[5359]},modules:["../components/ProductCard/ProductCard.js -> /components/Button"]}}),m=function(e){var t=e.title,n=e.children,s=e.variants,a=e.image,m=e.color,x=e.className,f=(0,r.useRef)(null),p=(0,r.useState)({width:0,height:0}),v=p[0],b=p[1],g=(0,r.useState)(!1),j=g[0],w=g[1],N=(0,d.useMediaQuery)({query:"(max-width: 640px)"});return(0,r.useEffect)((function(){var e=function(){var e,t;if(a&&f){e=f.current.clientWidth-64,t=N?250:f.current.clientHeight-64;var n=Math.min(e/a.width,t/a.height);b({width:a.width*n,height:a.height*n}),w(!0)}};return setTimeout((function(){e()}),0),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[N,a,j]),(0,i.jsx)("div",{className:c()("bg-white shadow-card rounded-lg",x),children:(0,i.jsxs)("div",{className:c()("grid grid-cols-1 gap-0",a&&"sm:grid-cols-2"),children:[(0,i.jsxs)("div",{className:"p-8 order-2 sm:order-1",children:[(0,i.jsx)(u,{href:s&&s[0].link?s[0].link:"",className:"text-2xl font-bold text-black hover:text-blue hover:text-opacity-100",children:t}),s&&(0,i.jsxs)("div",{className:"pt-5",children:[(0,i.jsx)("div",{className:"uppercase font-semibold text-xs text-black text-opacity-50 pb-1.5",children:"Available for"}),s.map((function(e,t){return(0,i.jsxs)("div",{className:"grid grid-cols-3 gap-6 py-1.5",children:[(0,i.jsxs)(u,{href:e.link,className:"flex items-center text-sm font-medium",children:[e.icon&&(0,i.jsx)(o,{name:e.icon,width:20,height:20,className:"mr-2"}),e.name]}),(0,i.jsx)("div",{className:"col-span-2",children:e.price&&(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsx)("div",{className:"uppercase text-black text-opacity-50 text-xs font-medium mr-2",children:"from"}),(0,i.jsx)("div",{className:"text-base text-black font-medium",children:e.price})]})||(0,i.jsx)("div",{className:"text-green capitalize font-medium text-base",children:"Free"})})]},t)}))]}),(0,i.jsx)("div",{className:"pt-5",children:n}),(0,i.jsx)("div",{className:"pt-10",children:(0,i.jsx)(h,{size:"lg",variant:"link",href:s&&s[0].link?s[0].link:"",children:"Learn more"})})]}),a&&(0,i.jsx)("div",{ref:f,className:c()("p-8 flex items-center justify-center order-1 sm:order-2",m&&"bg-".concat(m)),children:j&&(0,i.jsx)("div",{className:"",style:{width:v.width,height:v.height},children:(0,i.jsx)(l,{alt:t,quality:100,src:a,width:a.width,height:a.height,layout:"intrinsic",className:"rounded-lg"})})})]})})}}}]);