pkg-components
Version:
4 lines (3 loc) • 1.5 kB
JavaScript
import{j as e,F as b,a as r}from"./jsx-runtime-DI8_P1Ft.js";import{r as t}from"./index-DPzuYzxM.js";import"./_commonjsHelpers-C4iS2aBk.js";const m=()=>{const[a,u]=t.useState("00"),[h,p]=t.useState("00"),[M,f]=t.useState("00"),[T,g]=t.useState("00");let o=t.useRef();const v=()=>{const c=new Date("Oct 30, 2023 00:00:00").getTime();o=setInterval(()=>{const S=new Date().getTime(),n=c-S,D=Math.floor(n/(1e3*60*60*24)),x=Math.floor(n%(1e3*60*60*24)/(1e3*60*60)),w=Math.floor(n%(1e3*60*60)/(1e3*60)),y=Math.floor(n%(1e3*60)/1e3);n<0?clearInterval(o.current):(u(D),p(x),f(w),g(y))},1e3)};return t.useEffect(()=>{const c=o.current;return v(),()=>{clearInterval(c)}},[]),e(b,{children:e("div",{children:r("div",{children:[r("div",{children:[e("span",{children:"Dias"}),e("h4",{children:a})]}),r("div",{children:[e("span",{children:"Horas"}),e("h4",{children:h})]}),r("div",{children:[e("span",{children:"Minutos"}),e("h4",{children:M})]}),r("div",{children:[e("span",{children:"Segundos"}),e("h4",{children:T})]})]})})})},_={title:"molecules/Maintenance",component:m,argTypes:{backgroundColor:{control:"color"}}},j=a=>e(m,{...a}),s=j.bind({});s.args={label:"Maintenance"};var i,l,d;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
return <Maintenance {...args} />;
}`,...(d=(l=s.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};const F=["TemplateMaintenance"];export{s as TemplateMaintenance,F as __namedExportsOrder,_ as default};