https://www.chesterzoo.org/_next/static/chunks/4417.98380cb7eebd1f10.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4417,3624],{4417:function(e,l,s){"use strict";s.r(l),s.d(l,{default:function(){return m}});var a=s(57437),d=s(2265),i=s(66648),n=s(76228),r=s(71686),t=s(54477),o=s(77220);s(53624);var c=s(1921);function m(e){var l,s,m;let{heading:x,text:h,link:u,sliderTitle:f,ctaButtonUrl:g,ctaButtonText:p,donationSliderItemCollection:v}=e,[j,N]=(0,d.useState)(1),y=v.length,w=null===(l=v[j-1])||void 0===l?void 0:l.amount,b="\xa3".concat(w),_=null!==(m=null===(s=v[j-1])||void 0===s?void 0:s.promotionalSliderItems)&&void 0!==m?m:[],k="".concat(g,"?type=oneOff&amount=").concat(w);return(0,a.jsx)(c.Z,{className:"donation-slider-section",children:(0,a.jsx)("div",{className:"w-full max-w-container px-4 sm:px-10 xl:px-16 mx-auto",children:(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:justify-between md:items-center gap-y-[64px] md-gap-x-6",children:[(0,a.jsxs)("div",{className:"w-full md:w-1/2 md:mr-6",children:[(null==x?void 0:x.heading)&&(0,a.jsx)(t.Z,{level:null==x?void 0:x.headingLevel,size:"heading-3",margin:"mb-4",children:x.heading}),h&&(0,a.jsx)("div",{className:"rte text-base mb-6 lg:mb-9",dangerouslySetInnerHTML:{__html:null==h?void 0:h.markup}}),u&&(0,a.jsx)("div",{className:"flex",children:(0,a.jsx)(r.default,{type:"Primary"===u.theme?"primary/light":"secondary/light",text:u.title,link:{href:(0,o.n)(u),target:null==u?void 0:u.target}})})]}),(0,a.jsx)("div",{className:"w-full md:w-1/2 lg:max-w-[486px] rounded-2xl overflow-hidden md:rounded-l-none md:rounded-r-3xl",children:(0,a.jsxs)("div",{className:"flex flex-col items-center bg-primary-light rounded-2xl p-4 py-6 lg:px-9 text-primary-dark-1 gap-y-6",children:[(0,a.jsx)("div",{className:"font-czoo-sharp-grotesk heading-5",children:f}),(0,a.jsx)("div",{className:"font-czoo-sharp-grotesk heading-1 my-2",children:b}),(0,a.jsxs)(n.fC,{className:"donation-slider-section__slider",step:1,min:1,max:y,defaultValue:[j],onValueChange:e=>N(e[0]),children:[(0,a.jsx)(n.fQ,{className:"donation-slider-section__slider-track",children:(0,a.jsx)(n.e6,{className:"donation-slider-section__slider-range"})}),(0,a.jsx)(n.bU,{className:"donation-slider-section__slider-thumb"})]}),(0,a.jsx)("div",{className:"flex flex-col py-2 md:py-4",children:_.map((e,l)=>{var s;return(0,a.jsxs)(d.Fragment,{children:[l>=1&&(0,a.jsxs)("div",{className:"relative flex py-3 items-center",children:[(0,a.jsx)("div",{className:"flex-grow border-t border-primary-dark-1/35"}),(0,a.jsx)("span",{className:"flex-shrink mx-6 body-lg",children:"or"}),(0,a.jsx)("div",{className:"flex-grow border-t border-primary-dark-1/35"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-x-3 md:gap-x-6",children:[(0,a.jsx)("div",{className:"w-[110px] min-w-[110px] h-[110px]",children:(0,a.jsx)(i.default,{className:"w-full h-full object-cover object-center rounded-md md:rounded-xl",src:e.image.url,alt:e.image.altText,width:e.image.width,height:e.image.height,loading:"lazy"})}),(0,a.jsxs)("div",{className:"flex flex-col gap-y-2",children:[(0,a.jsx)("div",{className:"font-czoo-sharp-grotesk heading-4",children:e.title}),(0,a.jsx)("div",{className:"rte body-xs",dangerouslySetInnerHTML:{__html:null==e?void 0:null===(s=e.text)||void 0===s?void 0:s.markup}})]})]})]},l)})}),(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(r.default,{type:"primary",text:null!=p?p:"Donate Now",link:{href:k,target:"_self"},fullWidth:!0})})]})})]})})})}},1921:function(e,l,s){"use strict";var a=s(57437),d=s(44839);l.Z=e=>{let{children:l,className:s,headingExcluded:i,style:n,hidePaddingOnMobile:r}=e;return(0,a.jsx)("div",{className:(0,d.Z)("component-section",i&&"heading-excluded",r&&"hide-padding-on-mobile",s),style:n,children:l})}},53624:function(){}}]);