@shakthillc/components/lib/ProgressTracker/ProgressTracker.js

React generic components for shakthi products

"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ProgressTrackerModule = require("./ProgressTracker.module.css");

var _ProgressTrackerModule2 = _interopRequireDefault(_ProgressTrackerModule);

var _propTypes = require("prop-types");

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

var ProgressTracker = function ProgressTracker(_ref) {
  var data = _ref.data,
      counter = _ref.status;

  return _react2.default.createElement(
    "div",
    { className: _ProgressTrackerModule2.default.container },
    _react2.default.createElement(
      "div",
      null,
      _react2.default.createElement(
        "ul",
        { id: "progress-bar", className: _ProgressTrackerModule2.default.progressbar },
        data.map(function (data, index) {
          return index <= counter ? _react2.default.createElement(
            "li",
            { className: _ProgressTrackerModule2.default.active },
            data
          ) : _react2.default.createElement(
            "li",
            null,
            data
          );
        })
      )
    )
  );
};

ProgressTracker.defaultProps = {
  status: -1,
  data: ["A", "B", "C", "D"],
  onClick: function onClick(data) {
    console.log(data.value);
  }
};
ProgressTracker.propTypes = {
  status: _propTypes.PropTypes.number,
  date: _propTypes.PropTypes.arrayOf(_propTypes.PropTypes.string),
  onClick: _propTypes.PropTypes.func
};
exports.default = ProgressTracker;