Loading
function(e,l,t){t.d(l,{A:()=>A});var i=t(627968),s=t(64700),n=t(503698),a=t.n(n),d=t(451988),r=t(235986),c=t(929959);function o(e){let{percentage:l,isSingleLine:t}=e;return(0,i.jsx)("div",{className:a()({[c.M0]:t,[c.Sg]:!t}),children:(0,i.jsx)("div",{className:c.qT,style:{width:`${100*Math.max(Math.min(l,1),0)}%`}})})}function p(e){return String(e).padStart(2,"0")}function u(e){let{time:l,padLargestUnit:t}=e,i=Math.floor(l)%60,s=Math.floor(l/60)%60,n=Math.floor(l/3600);return 0===n?t?`${p(s)}:${p(i)}`:`${s}:${p(i)}`:t?`${p(n)}:${p(s)}:${p(i)}`:`${n}:${p(s)}:${p(i)}`}class m extends s.PureComponent{static defaultProps={themed:!1};timer=new d.IX;state={now:Date.now()};componentDidMount(){this.timer.start(500,()=>{this.setState({now:Date.now()})})}componentWillUnmount(){this.timer.stop()}render(){let{start:e,end:l,className:t,themed:s,singleLine:n=!1}=this.props,{now:d}=this.state,p=(l-e)/1e3,m=Math.max(Math.min((d-e)/1e3,p),0);return n?(0,i.jsxs)("div",{className:a()(t,{[c.Sp]:s},c.Od),children:[(0,i.jsx)("div",{className:c.Iq,children:u({time:m,padLargestUnit:!0})}),(0,i.jsx)("div",{className:c.h7,children:(0,i.jsx)(o,{percentage:m/p,isSingleLine:!0})}),(0,i.jsx)("div",{className:c.EL,children:u({time:p,padLargestUnit:!0})})]}):(0,i.jsxs)("div",{className:a()(t,{[c.Sp]:s}),children:[(0,i.jsx)(o,{percentage:m/p,isSingleLine:!1}),(0,i.jsxs)(r.A,{children:[(0,i.jsx)(r.A.Child,{grow:1,className:c.n_,children:u({time:m,padLargestUnit:!1})}),(0,i.jsx)(r.A.Child,{grow:0,className:c.EL,children:u({time:p,padLargestUnit:!1})})]})]})}}let A=m}