chayns-components/lib/react-chayns-progress_bar/component/ProgressBarDeterminate.js

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

import React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
const ProgressBarDeterminate = _ref => {
  let {
    value,
    className
  } = _ref;
  return /*#__PURE__*/React.createElement("div", {
    className: clsx('cc__progress-bar__track', className)
  }, /*#__PURE__*/React.createElement("div", {
    className: "cc__progress-bar__indicator",
    style: {
      width: `${value}%`
    }
  }));
};
ProgressBarDeterminate.propTypes = {
  value: PropTypes.number.isRequired,
  className: PropTypes.string
};
ProgressBarDeterminate.displayName = 'ProgressBarDeterminate';
export default ProgressBarDeterminate;
//# sourceMappingURL=ProgressBarDeterminate.js.map