"use strict";(self.webpackChunkOne=self.webpackChunkOne||[]).push([["3644"],{70296:function(e,t,a){a.d(t,{Z:function(){return i}});var n,l=a(67294);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}let i=e=>l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{d:"M12.005 17.645 3.28 8.495l1.445-1.38L12 14.75l7.275-7.635 1.445 1.38-8.725 9.15h.01z"})))},78063:function(e,t,a){a.d(t,{Z:function(){return i}});var n,l=a(67294);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}let i=e=>l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{d:"M19.28 16.885 12.005 9.25 4.73 16.885l-1.445-1.38 8.72-9.15 8.725 9.15-1.445 1.38h-.005z"})))},11267:function(e,t,a){a.r(t),a.d(t,{default:()=>x});var n=a("85893"),l=a("67294"),s=a("63387"),i=a.n(s),r=a("96761"),o=a("82727"),c=a("79692"),d=a("81722"),v=a("70296"),u=a("78063"),b=a("92885"),m=a("36658");let g=(0,d.$j)(({page:e})=>{var t,a;return{brand:null===(a=e.data)||void 0===a?void 0:null===(t=a.siteParams)||void 0===t?void 0:t.brand}}),h=e=>{let{isSelected:t,brand:a,title:l,content:s,onClick:r,isVisible:o,rowKey:c}=e,d=t?(0,n.jsx)(u.Z,{className:"AnimatedTabs__svgIcon"}):(0,n.jsx)(v.Z,{className:"AnimatedTabs__svgIcon"});return(0,n.jsxs)("div",{className:i()("AnimatedTabs__tabElement",{"is-visible":o,"is-selected":t}),children:[(0,n.jsxs)("div",{role:"button",tabIndex:c,className:"AnimatedTabs__tabSelector",onClick:r,children:[(0,n.jsx)("h3",{className:"AnimatedTabs__Tabtitle",children:l}),a&&["renault","dacia"].includes(a)&&d]}),(0,n.jsx)("p",{className:"AnimatedTabs__tabContent",children:s})]},`${s}_${l}`)},p=g(({brand:e,tabsContent:t=[],selectedTabKey:a,onTabClick:s})=>{let{ref:i,isVisible:r}=(0,m.Z)({role:"animation"}),o=(0,l.useCallback)((e,t)=>()=>{s(e);(0,b.y_)({event:"toggle",toggleType:"tab-bloc",toggleValue:t})},[s]);return(0,n.jsx)("div",{className:"AnimatedTabs",ref:i,children:t.map(t=>{let{bodyCopy:l,title:s,aemKey:i}=t,c=a===i;return(0,n.jsx)(h,{rowKey:+i,isSelected:c,isVisible:r,title:s,content:l,onClick:o(i,s),brand:e},i)})})}),x=({imageTabs:e={},editContext:t,className:a})=>{var s,d,v,u;let b=(0,l.useMemo)(()=>(0,c.rl)(e),[e]),[m,g]=(0,l.useState)(null===(s=b[0])||void 0===s?void 0:s.aemKey);return(0,n.jsxs)("div",{className:i()("EditorialImageTabs",a),children:[(null===(d=e[m])||void 0===d?void 0:d.image)&&(0,n.jsx)("div",{className:"EditorialImageTabs_Logo",children:(0,n.jsx)(r.E,{src:null===(v=e[m])||void 0===v?void 0:v.image,alt:(null===(u=e[m])||void 0===u?void 0:u.alt)||"",width:"100%",height:["300px","300px","500px"],objectFit:"cover"})}),(0,n.jsx)(p,{tabsContent:b,selectedTabKey:m,onTabClick:g}),(0,n.jsx)(o.Cq,{editContext:t,displayEditionZone:!b.length})]})}}}]);