@legion-ui-kit/react-core
Version:
To install the package into your project:
3 lines (2 loc) • 1.18 kB
JavaScript
;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