ponchojs
Version:
Poncho
3 lines (2 loc) • 946 B
JavaScript
import{j as s,a as e}from"./emotion-react-jsx-runtime.esm-991ce217.js";import{makeStyles as r}from"@material-ui/styles";import{u as a}from"./useFormContext-57a22edf.js";import i from"classnames";import"react";import"./tslib.es6-d703c724.js";const o=()=>{var{steps:r,actualStep:o}=a(),m=o+1,l=r.length,n=100*m/l,o=t({progress:n});return r.length<2||n==1/0?null:s("div",Object.assign({className:"wizard m-b-3"},{children:[e("p",Object.assign({className:"text-muted"},{children:`Paso ${m} de ${l}`}),void 0),e("div",Object.assign({className:"progress"},{children:e("div",Object.assign({className:i("progress-bar",o.progress),role:"progressbar","aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100},{children:e("span",Object.assign({className:"sr-only"},{children:"Paso 1 de 4"}),void 0)}),void 0)}),void 0)]}),void 0)},t=r((()=>({progress:({progress:s})=>({width:`${s}%`})})));export{o as StepProgress};
//# sourceMappingURL=stepprogress.js.map