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

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

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