1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2810,1465],{12810:function(e,t,a){"use strict";a.r(t),a.d(t,{Default:function(){return r},Reserve:function(){return n},Threat:function(){return l}});let i={title:"Components/Icon Grid",component:a(71465).default,parameters:{layout:"fullscreen",backgrounds:{default:"dark"}}};t.default=i;let r={args:{heading:{heading:"Benefits of membership",headingLevel:"h2",headingCategory:{name:"Membership",link:{path:"/",title:"Membership",target:"_self"}},showTag:!0},text:{markup:"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>"},icons:[{image:{url:"/media/ojzhzlyc/illustrated-garden.png",name:"Illustrated Garden",width:400,height:400,altText:"Card Media Image 1"},title:"Unlimited access to Chester Zoo",text:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Id proin et enim ultricies dictum dui lorem.</p>"}},{image:{url:"/media/qcfpt5zz/illustrated-mammal.png",name:"Illustrated Mammal",width:400,height:400,altText:"Card Media Image 1"},title:"Discounted days for members only",text:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Id proin et enim ultricies dictum dui lorem.</p>"}},{image:{url:"/media/ys2jq0su/illustrated-found-in.png",name:"Illustrated Found In",width:400,height:400,altText:"Card Media Image 1"},title:"Unlimited access to Chester Zoo",text:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Id proin et enim ultricies dictum dui lorem.</p>"}},{image:{url:"/media/fkobz2w1/illustrated-zoo-location.png",name:"Illustrated Zoo Location",width:400,height:400,altText:"Card Media Image 1"},title:"One free entry to any other zoo",text:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Id proin et enim ultricies dictum dui lorem.</p>"}}]}},l={args:{icons:[{image:{url:"/media/m2kdivv1/threat-climate-change.png",name:"",width:400,height:400,altText:"Card Media Image 1"},title:"Climate change & severe weather"},{image:{url:"/media/4nmj5mxx/threat-energy-production.png",name:"",width:400,height:400,altText:"Card Media Image 1"},title:"Energy production and mining"},{image:{url:"/media/jzud3xhz/threat-humans.png",name:"",width:400,height:400,altText:"Card Media Image 1"},title:"Human intervention"},{image:{url:"/media/e52nubij/threat-hunting.png",name:"",width:400,height:400,altText:"Card Media Image 1"},title:"Hunting or collection"}]}},n={args:{...r.args,isReserveTheme:!0},parameters:{backgrounds:{default:"reserve"}}}},71465:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return m}});var i=a(57437),r=a(66648),l=a(44839),n=a(54477),d=a(83015),s=a(1921);let o=["xl:grid-cols-1","xl:grid-cols-2","xl:grid-cols-3","xl:grid-cols-4"];function m(e){var t,a,m;let{heading:g,text:c,icons:u,isReserveTheme:h=!1}=e,p=(m=null!==(a=null==u?void 0:u.length)&&void 0!==a?a:0)<4?o[m-1]:"xl:grid-cols-4";return(0,i.jsx)(s.Z,{className:"icon-grid",headingExcluded:!(null==g?void 0:g.heading),children:(0,i.jsxs)("div",{className:"container",children:[((null==g?void 0:g.headingCategory)&&g.showTag||(null==g?void 0:g.heading)||c)&&(0,i.jsxs)("header",{className:"icon-grid__header text-center mb-10 lg:mb-20",children:[(null==g?void 0:g.headingCategory)&&g.showTag&&(0,i.jsx)("div",{className:"flex justify-center mb-3 lg:mb-4",children:(0,i.jsx)(d.Z,{name:g.headingCategory.name,link:g.headingCategory.link,target:null===(t=g.headingCategory.link)||void 0===t?void 0:t.target})}),(null==g?void 0:g.heading)&&(0,i.jsx)(n.Z,{level:null==g?void 0:g.headingLevel,size:"heading-2",margin:"mb-3 lg:mb-4",children:g.heading}),c&&(0,i.jsx)("div",{className:"rte body-base",dangerouslySetInnerHTML:{__html:c.markup}})]}),(0,i.jsx)("div",{className:"grid md:grid-cols-2 ".concat(p," gap-y-4 md:gap-4 lg:gap-6 xl:gap-0"),children:u.map((e,t)=>(0,i.jsxs)("div",{className:(0,l.Z)("flex items-center lg:flex-col gap-x-6 py-6 px-2 lg:py-6 lg:px-9 border-b last:border-b-0 md:last:border-b xl:border-b-0 xl:last:border-b-0 xl:border-r xl:last:border-r-0",h?"border-reserve-brand-2":"border-primary-light/15"),children:[(0,i.jsx)("div",{className:"flex shrink-0 basis-[70px] lg:basis-[100px] w-[70px] lg:w-[100px] lg:flex lg:justify-center lg:mb-6",children:(0,i.jsx)(r.default,{src:e.image.url+"?width=200",alt:e.image.altText,width:e.image.width,height:e.image.height,loading:"lazy"})}),(0,i.jsxs)("div",{className:"lg:text-center",children:[(0,i.jsx)(n.Z,{level:"h5",size:"heading-5",margin:"mb-1 lg:mb-2",children:e.title}),e.text&&(0,i.jsx)("div",{className:"rte body-sm",dangerouslySetInnerHTML:{__html:e.text.markup}})]})]},t))})]})})}},1921:function(e,t,a){"use strict";var i=a(57437),r=a(44839);t.Z=e=>{let{children:t,className:a,headingExcluded:l,style:n,hidePaddingOnMobile:d}=e;return(0,i.jsx)("div",{className:(0,r.Z)("component-section",l&&"heading-excluded",d&&"hide-padding-on-mobile",a),style:n,children:t})}},83015:function(e,t,a){"use strict";a.d(t,{Z:function(){return d}});var i=a(57437),r=a(87138),l=a(44839),n=a(77220);function d(e){let{name:t,link:a,target:d="_self"}=e,s=(0,l.Z)("parent-tag relative flex items-center py-1",a&&"pl-6 pr-2",!a&&"px-2","rounded transition-colors focus:outline focus:outline-1 focus:outline-offset-2");return(0,i.jsx)(i.Fragment,{children:a?(0,i.jsxs)(r.default,{className:s,href:(0,n.n)(a),target:d,children:[(0,i.jsx)("span",{className:"parent-tag-icon absolute top-1/2 left-2 w-[11px] h-3 bg-center bg-cover bg-no-repeat -translate-y-2/4"}),(0,i.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:t})]}):(0,i.jsx)("div",{className:s,children:(0,i.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:t})})})}a(99033)},99033:function(){}}]);
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.