@oxyhq/services
Version:
33 lines (32 loc) • 1.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ProgressIndicator = /*#__PURE__*/_react.default.memo(({
currentStep,
totalSteps,
colors,
styles
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
style: styles.progressContainer,
accessibilityRole: "progressbar",
accessibilityLabel: `Step ${currentStep + 1} of ${totalSteps}`,
children: Array.from({
length: totalSteps
}, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
style: [styles.progressDot, currentStep === index ? {
backgroundColor: colors.primary,
width: 24
} : {
backgroundColor: colors.border
}]
}, index))
}));
ProgressIndicator.displayName = 'ProgressIndicator';
var _default = exports.default = ProgressIndicator;
//# sourceMappingURL=ProgressIndicator.js.map