@legion-ui-kit/react-core/dist/esm/components/ProgressBar/index.js

To install the package into your project:

import{jsxs as a,jsx as s}from"react/jsx-runtime";import l from"classnames";import e from"./styles.module.scss.js";import{snakeCase as t}from"../../helpers/typography.js";import{PROGRESS_BAR_DEFAULT_PROPS as r}from"./ProgressBar.constant.js";const o=o=>{const{className:i,indicatorClassName:c,indicatorStyle:m,labelClassName:n,labelPosition:d=r.labelPosition,labelStyle:p,trackClassName:h,trackStyle:y,value:f=r.value,...N}=o,b=Math.min(Math.max(f,0),100),u=l(e.legion_progress_bar,i,e[`label_${t(d)}`]),g=l(e.track,h),j=l(e.indicator,c),$=l(e.label,n),_=l(e.float_label,n);return a("div",{className:u,...N,children:[s("span",{className:g,style:y,children:s("span",{className:j,style:{...m,width:`${b}%`},children:d?.includes("float")&&s("p",{className:_,style:p,children:`${b}%`})})}),!d?.includes("float")&&s("p",{className:$,style:p,children:`${b}%`})]})};export{o as ProgressBar,o as default};
//# sourceMappingURL=index.js.map