https://www.marksandspencer.sg/_next/static/chunks/5182.bbe52de62c2c9953.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5182],{55182:function(e,a,s){"use strict";s.r(a);var n=s(85893),t=s(67294),r=s(24069),l=s.n(r),i=s(67421),d=s(28073),m=s(51035),c=s(77519);a.default=({content:e,isLoading:a})=>{let{element:{backgroundcolor:{data:{value:s}={}}={},textline_1:{data:{value:r}={}}={},textline_2:{data:{value:u}={}}={},timerend:{data:{value:h}={}}={},cta_web:{data:{destination:{value:o}={}}={}}={}}={}}=e?.[0]||{},[x,p]=(0,t.useState)({days:0,hours:0,minutes:0,seconds:0}),_=(0,d.Z)(),{t:f}=(0,i.$G)();(0,t.useEffect)(()=>{let e=setInterval(()=>{(0,m.VZ)(h,p)},1e3);return()=>clearInterval(e)},[]);let j=x.days>0||x.hours>0||x.minutes>0||x.seconds>0;return a||!e?(0,n.jsx)("div",{className:"container-fluid p-0 shimmer-wave d-flex justify-content-between align-items-center",style:{gap:"4px",minHeight:_?"40px":"70px"}}):j&&(0,n.jsx)(c.Z,{href:o,children:(0,n.jsx)("div",{style:{backgroundColor:s},className:`container-fluid ${l().timmerBannerWrapper}`,children:(0,n.jsx)("div",{className:l().banner,children:(0,n.jsxs)("div",{className:l().TimmerWrapper,children:[(0,n.jsxs)("div",{className:l().timerContent,children:[(0,n.jsx)("span",{className:_?" body-md-default":"heading-sm-default",children:r}),(0,n.jsx)("span",{className:_?" body-md-default":"heading-sm-default",children:u})]}),(0,n.jsxs)("div",{className:l().timerWrapper,children:[(0,n.jsxs)("div",{className:l().timer,children:[(0,n.jsx)("span",{className:_?"heading-sm-default":"heading-xl-bold",children:x?.days}),(0,n.jsx)("span",{className:`${_?"label-md-default":"subtitle-default"} ${l().content}`,children:f("days_text")})]}),(0,n.jsxs)("div",{className:l().timer,children:[(0,n.jsx)("span",{className:_?"heading-sm-default":"heading-xl-bold",children:x?.hours}),(0,n.jsx)("span",{className:`${_?"label-md-default":"subtitle-default"} ${l().content}`,children:f("hrs_text")})]}),(0,n.jsxs)("div",{className:l().timer,children:[(0,n.jsx)("span",{className:_?"heading-sm-default":"heading-xl-bold",children:x?.minutes}),(0,n.jsx)("span",{className:`${_?"label-md-default":"subtitle-default"} ${l().content}`,children:f("mins_text")})]}),(0,n.jsxs)("div",{className:l().timer,children:[(0,n.jsx)("span",{className:_?"heading-sm-default":"heading-xl-bold",children:x?.seconds}),(0,n.jsx)("span",{className:`${_?"label-md-default":"subtitle-default"} ${l().content}`,children:f("secs_text")})]})]})]})})})})}},77519:function(e,a,s){"use strict";var n=s(85893),t=s(41664),r=s.n(t);a.Z=({children:e,href:a,onClick:s,target:t="_self",className:l=""})=>a?(0,n.jsx)(r(),{href:a,target:t,style:{color:"inherit",textDecoration:"none"},onClick:()=>s&&s(),className:l,children:e}):(0,n.jsx)(n.Fragment,{children:e})},24069:function(e){e.exports={timmerBannerWrapper:"TimmerBanner_timmerBannerWrapper__RriA2",banner:"TimmerBanner_banner__BAF2U",timerContent:"TimmerBanner_timerContent__HQLCo",TimmerWrapper:"TimmerBanner_TimmerWrapper__rMbBs",timerWrapper:"TimmerBanner_timerWrapper__TGXq8",timer:"TimmerBanner_timer__Rf3Y3",content:"TimmerBanner_content__av_lC"}}}]);