(this["webpackJsonpmatx-react"]=this["webpackJsonpmatx-react"]||[]).push([[46],{1641:function(e,a,t){"use strict";t.r(a);var r=t(5),s=t(9),c=t(1),n=t.n(c),i=t(60),j=t(194),o=t(95),m=t(516),b=t(575),l=t(2),x=Object(i.a)("div")((function(e){var a,t=e.theme;return a={margin:"30px"},Object(s.a)(a,t.breakpoints.down("sm"),{margin:"16px"}),Object(s.a)(a,"& .breadcrumb",Object(s.a)({marginBottom:"30px"},t.breakpoints.down("sm"),{marginBottom:"16px"})),Object(s.a)(a,"& .progress",{margin:t.spacing(2)}),a}));a.default=function(){var e=n.a.useState(0),a=Object(r.a)(e,2),t=a[0],s=a[1];return n.a.useEffect((function(){var e=setInterval((function(){s((function(e){if(100===e)return 0;var a=10*Math.random();return Math.min(e+a,100)}))}),500);return function(){clearInterval(e)}}),[]),Object(l.jsxs)(x,{children:[Object(l.jsx)("div",{className:"breadcrumb",children:Object(l.jsx)(o.a,{routeSegments:[{name:"Material",path:"/material"},{name:"Prgress"}]})}),Object(l.jsxs)(o.m,{title:"Circuar Progress (Indeterminate)",children:[Object(l.jsx)(m.a,{className:"progress"}),Object(l.jsx)(m.a,{className:"progress",color:"secondary"})]}),Object(l.jsx)(j.a,{py:"12px"}),Object(l.jsxs)(o.m,{title:"Circuar Progress (static)",children:[Object(l.jsx)(m.a,{value:25,variant:"determinate",className:"progress"}),Object(l.jsx)(m.a,{value:50,variant:"determinate",className:"progress",color:"secondary"}),Object(l.jsx)(m.a,{value:75,variant:"determinate",className:"progress",color:"secondary"})]}),Object(l.jsx)(j.a,{py:"12px"}),Object(l.jsxs)(o.m,{title:"Linear Progress (Indeterminate)",children:[Object(l.jsx)(b.a,{}),Object(l.jsx)("br",{}),Object(l.jsx)(b.a,{color:"secondary"})]}),Object(l.jsx)(j.a,{py:"12px"}),Object(l.jsxs)(o.m,{title:"Linear Progress (Determinate)",children:[Object(l.jsx)(b.a,{variant:"determinate",value:t}),Object(l.jsx)("br",{}),Object(l.jsx)(b.a,{color:"secondary",variant:"determinate",value:t})]})]})}}}]);
//# sourceMappingURL=46.4eced5a2.chunk.js.map