instantjob-recruiter-client/dist/components/progress_indicator.es6.js

a set of tools for creating an instantjob recruiter react client

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _bind = require('classnames/bind');

var _bind2 = _interopRequireDefault(_bind);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var cx = _bind2.default.bind(require('../styles/progress_indicator.scss'));

var ProgressIndicator = function ProgressIndicator(_ref) {
  var completed = _ref.completed,
      total = _ref.total,
      _ref$text = _ref.text,
      template = _ref$text === undefined ? "" : _ref$text,
      small = _ref.small,
      className = _ref.className;

  var percentage = completed / total * 100;
  var text = template.replace("##", Math.ceil(percentage));
  return _react2.default.createElement(
    'div',
    { className: cx('progress-indicator', { 'progress-indicator_small': small }, className) },
    _react2.default.createElement(
      'div',
      { className: cx('progress-indicator__bar') },
      text,
      _react2.default.createElement(
        'div',
        { className: cx('progress-indicator__bar-filler'), style: { width: percentage + '%' } },
        text
      )
    )
  );
};

exports.default = ProgressIndicator;