@makeen.io/material-ui-kit/distr/molecules/Stepper/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  ", "\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import { StepItem } from "../../atoms";
import styled from "styled-components";
var StepperWrapper = styled.div(_templateObject(),
function (_ref) {var variant = _ref.variant;
  switch (variant) {
    case "regular":
      return "display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))";
    case "circle":
      return "display: flex; flex-direction: row";}

});

export default (function (_ref2) {var steps = _ref2.steps,activeStepKey = _ref2.activeStepKey,variant = _ref2.variant,handleClick = _ref2.handleClick,_ref2$clickable = _ref2.clickable,clickable = _ref2$clickable === void 0 ? true : _ref2$clickable;
  return /*#__PURE__*/React.createElement(StepperWrapper, { variant: variant }, steps.map(function (step, index) {
    return /*#__PURE__*/React.createElement(StepItem, _extends({}, step, { variant: variant, isClickable: clickable, active: activeStepKey === step.id, key: step.id, first: index === 0, count: index + 1, handleClick: handleClick, last: steps[steps.length - 1].id === step.id ? true : false }));
  }));
});
//# sourceMappingURL=index.js.map