ponchojs
Version:
Poncho
3 lines (2 loc) • 1.1 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./emotion-react-jsx-runtime.esm-1fb36074.js"),s=require("@material-ui/styles"),r=require("./useFormContext-33c167b2.js"),a=require("classnames");require("react"),require("./tslib.es6-ca8de689.js");var t,i=(t=a)&&"object"==typeof t&&"default"in t?t:{default:t};const o=s.makeStyles((()=>({progress:({progress:e})=>({width:`${e}%`})})));exports.StepProgress=()=>{var{steps:s,actualStep:a}=r.useFormContext(),t=a+1,l=s.length,n=100*t/l,a=o({progress:n});return s.length<2||n==1/0?null:e.jsxs("div",Object.assign({className:"wizard m-b-3"},{children:[e.jsx("p",Object.assign({className:"text-muted"},{children:`Paso ${t} de ${l}`}),void 0),e.jsx("div",Object.assign({className:"progress"},{children:e.jsx("div",Object.assign({className:i.default("progress-bar",a.progress),role:"progressbar","aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100},{children:e.jsx("span",Object.assign({className:"sr-only"},{children:"Paso 1 de 4"}),void 0)}),void 0)}),void 0)]}),void 0)};
//# sourceMappingURL=stepprogress.js.map