%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[148],{1368:function(e,s,t){"use strict";t.d(s,"a",(function(){return d}));var c=t(194),a=t(5),n=t(1425),r=t.n(n),i=t(0),l=t(1);function o(e){const{onComplete:s}=e,[t]=Object(i.useState)(r.a.isMoment(e.endDate)?e.endDate:r()(e.endDate)),[n,o]=Object(i.useState)({days:0,hours:0,minutes:0,seconds:0}),d=Object(i.useRef)(),j=Object(i.useCallback)((()=>{window.clearInterval(d.current),s&&s()}),[s]),m=Object(i.useCallback)((()=>{const e=r()(),s=t.diff(e,"seconds");if(s<0)return void j();const c=r.a.duration(s,"seconds");o({days:c.asDays().toFixed(0),hours:c.hours(),minutes:c.minutes(),seconds:c.seconds()})}),[j,t]);return Object(i.useEffect)((()=>(d.current=setInterval(m,1e3),()=>{clearInterval(d.current)})),[m]),Object(l.jsxs)("div",{className:Object(a.a)("flex items-center",e.className),children:[Object(l.jsxs)("div",{className:"flex flex-col items-center justify-center px-12",children:[Object(l.jsx)(c.a,{variant:"h4",className:"mb-4",children:n.days}),Object(l.jsx)(c.a,{variant:"caption",color:"textSecondary",children:"days"})]}),Object(l.jsxs)("div",{className:"flex flex-col items-center justify-center px-12",children:[Object(l.jsx)(c.a,{variant:"h4",className:"mb-4",children:n.hours}),Object(l.jsx)(c.a,{variant:"caption",color:"textSecondary",children:"hours"})]}),Object(l.jsxs)("div",{className:"flex flex-col items-center justify-center px-12",children:[Object(l.jsx)(c.a,{variant:"h4",className:"mb-4",children:n.minutes}),Object(l.jsx)(c.a,{variant:"caption",color:"textSecondary",children:"minutes"})]}),Object(l.jsxs)("div",{className:"flex flex-col items-center justify-center px-12",children:[Object(l.jsx)(c.a,{variant:"h4",className:"mb-4",children:n.seconds}),Object(l.jsx)(c.a,{variant:"caption",color:"textSecondary",children:"seconds"})]})]})}o.defaultProps={endDate:r()().add(15,"days")};var d=Object(i.memo)(o)},2546:function(e,s,t){"use strict";t.r(s);var c=t(1368),a=t(118),n=t(194),r=t(28),i=t(1);s.default=function(){return Object(i.jsxs)(i.Fragment,{children:[Object(i.jsx)(n.a,{variant:"h4",className:"mb-24",children:"FuseCountdown"}),Object(i.jsxs)(n.a,{className:"mb-16",component:"p",children:[Object(i.jsx)("code",{children:"FuseCountdown"})," is a custom-built Fuse component that allows you to create countdowns."]}),Object(i.jsx)(n.a,{className:"mt-32 mb-8",variant:"h5",children:"Usage"}),Object(i.jsx)(a.a,{component:"pre",className:"language-jsx",children:'\n <FuseCountdown endDate="2020-07-28" className="my-48"/>\n '}),Object(i.jsx)(n.a,{className:"mt-32 mb-8",variant:"h5",children:"Preview"}),Object(i.jsx)(c.a,{endDate:"2020-07-28",className:"my-48"}),Object(i.jsx)(n.a,{className:"mt-32 mb-8",variant:"h5",children:"Demos"}),Object(i.jsx)("ul",{children:Object(i.jsx)("li",{className:"mb-8",children:Object(i.jsx)(r.a,{to:"/pages/coming-soon",children:"Coming Soon"})})})]})}}}]);
Zerion Mini Shell 1.0