"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Stepper = void 0;
var _reactNative = require("react-native");
var _context = require("../../context");
var _core = require("../../core");
var _jsxRuntime = require("react/jsx-runtime");
const Stepper = ({
  steps,
  currentStep
}) => {
  const theme = (0, _context.useIOTheme)();
  const STEPPER_SPACE = 4;
  const colorMap = {
    default: _core.IOColors[theme["stepper-default"]],
    active: _core.IOColors[theme["interactiveElem-default"]]
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    style: {
      paddingHorizontal: _core.IOVisualCostants.appMarginDefault
    },
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
      style: {
        flex: 1,
        flexDirection: "row",
        justifyContent: "space-between",
        gap: STEPPER_SPACE
      },
      children: [...Array(steps)].map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
        style: {
          borderRadius: 2,
          borderCurve: "continuous",
          borderBottomColor: i > currentStep - 1 ? colorMap.default : colorMap.active,
          borderBottomWidth: 2,
          flex: 1
        }
      }, i))
    })
  });
};
exports.Stepper = Stepper;
//# sourceMappingURL=Stepper.js.map