chayns-components/dist/cjs-split-css/react-chayns-progress_bar/component/ProgressBarDeterminate.js

A set of beautiful React components for developing chayns® applications.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
const ProgressBarDeterminate = _ref => {
  let {
    value
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "cc__progress-bar__track"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "cc__progress-bar__indicator",
    style: {
      width: `${value}%`
    }
  }));
};
ProgressBarDeterminate.propTypes = {
  value: _propTypes.default.number.isRequired
};
ProgressBarDeterminate.displayName = 'ProgressBarDeterminate';
var _default = ProgressBarDeterminate;
exports.default = _default;
//# sourceMappingURL=ProgressBarDeterminate.js.map