aurora-topu
Version:
React component library
26 lines (25 loc) • 1.1 kB
JavaScript
import React from 'react';
import './_style.scss';
var Progress = function (props) {
var percent = props.percent, strokeHeight = props.strokeHeight, showText = props.showText, styles = props.styles, theme = props.theme, restrict = props.restrict;
var newPercent = percent;
if (restrict) {
if (newPercent > 100) {
newPercent = 100;
}
if (newPercent < 0) {
newPercent = 0;
}
}
return (React.createElement("div", { className: "viking-progress-bar", style: styles },
React.createElement("div", { className: "viking-progress-bar-outer", style: { height: "".concat(strokeHeight, "px") } },
React.createElement("div", { className: "viking-progress-bar-inner color-".concat(theme), style: { width: "".concat(newPercent, "%") } }, showText && React.createElement("span", { className: "inner-text" }, "".concat(newPercent, "%"))))));
};
Progress.defaultProps = {
strokeHeight: 15,
showText: false,
theme: 'primary',
percent: 0,
restrict: true,
};
export default Progress;