@bigbinary/neetoui 5.2.27 → 5.2.28

package/index.cjs.js

@@ -29076,6 +29076,36 @@ var Slider = function Slider(_ref) {
   }, helpText)));
 };
 
+var Stepper = function Stepper(_ref) {
+  var steps = _ref.steps,
+    activeIndex = _ref.activeIndex,
+    setActiveIndex = _ref.setActiveIndex;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-stepper__wrapper"
+  }, steps.map(function (_ref2, index) {
+    var id = _ref2.id,
+      label = _ref2.label;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "data-testid": "stepper-item-".concat(id),
+      key: id,
+      className: classnames$1("neeto-ui-stepper-item__wrapper", {
+        "neeto-ui-stepper-item__wrapper--active": index === activeIndex,
+        "neeto-ui-stepper-item__wrapper--done": index < activeIndex
+      })
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      className: "neeto-ui-stepper-item",
+      onClick: function onClick() {
+        return setActiveIndex(index);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-ui-stepper-item__stage"
+    }, /*#__PURE__*/React__default["default"].createElement("span", null, id)), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-ui-stepper-item__label",
+      "data-text": label
+    }, label)));
+  }));
+};
+
 var _excluded$b = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
 var Switch = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
@@ -41626,6 +41656,7 @@ exports.Radio = Radio;
 exports.Select = Select;
 exports.Slider = Slider;
 exports.Spinner = Spinner;
+exports.Stepper = Stepper;
 exports.Switch = Switch;
 exports.Tab = Tab;
 exports.Table = Table;