@oxyhq/services/lib/module/ui/components/feedback/ProgressIndicator.js

OxyHQ Expo/React Native SDK — UI components, screens, and native features

"use strict";

import React from 'react';
import { View } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
const ProgressIndicator = /*#__PURE__*/React.memo(({
  currentStep,
  totalSteps,
  colors,
  styles
}) => /*#__PURE__*/_jsx(View, {
  style: styles.progressContainer,
  accessibilityRole: "progressbar",
  accessibilityLabel: `Step ${currentStep + 1} of ${totalSteps}`,
  children: Array.from({
    length: totalSteps
  }, (_, index) => /*#__PURE__*/_jsx(View, {
    style: [styles.progressDot, currentStep === index ? {
      backgroundColor: colors.primary,
      width: 24
    } : {
      backgroundColor: colors.border
    }]
  }, index))
}));
ProgressIndicator.displayName = 'ProgressIndicator';
export default ProgressIndicator;
//# sourceMappingURL=ProgressIndicator.js.map