@shakthillc/components/es/ProgressTracker/ProgressTracker.js

React generic components for shakthi products

import React, { Component } from "react";
import style from "./ProgressTracker.module.css";
import { PropTypes } from "prop-types";

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

  return React.createElement(
    "div",
    { className: style.container },
    React.createElement(
      "div",
      null,
      React.createElement(
        "ul",
        { id: "progress-bar", className: style.progressbar },
        data.map(function (data, index) {
          return index <= counter ? React.createElement(
            "li",
            { className: style.active },
            data
          ) : React.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.number,
  date: PropTypes.arrayOf(PropTypes.string),
  onClick: PropTypes.func
};
export default ProgressTracker;