var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=StepIndicator;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _svgs=require("../assets/svgs");var _jsxFileName="/Users/tima/Tima/react-native-timacare/src/components/StepIndicator.tsx";function StepIndicator(_ref){var _this=this;var _ref$steps=_ref.steps,steps=_ref$steps===void 0?3:_ref$steps,_ref$currentStep=_ref.currentStep,currentStep=_ref$currentStep===void 0?0:_ref$currentStep;return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',paddingHorizontal:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}},Array.from({length:steps}).map(function(_,index){var isCompleted=index<currentStep;var isActive=index===currentStep;return _react.default.createElement(_react.default.Fragment,{key:index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:11}},index>0&&_react.default.createElement(_reactNative.View,{style:[styles.line,{backgroundColor:index<=currentStep?'#4CBA3D':'#FBEFE7'}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:15}}),_react.default.createElement(_reactNative.View,{style:[],__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:13}},isCompleted?_react.default.createElement(_svgs.IconComplete,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:17}}):isActive?_react.default.createElement(_svgs.IconCurrentStep,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:17}}):_react.default.createElement(_svgs.IconNextStep,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:17}})));}));}var styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center',padding:20},line:{height:2,flex:1,backgroundColor:'#FBEFE7',marginHorizontal:4},circle:{width:24,height:24,borderRadius:12,borderWidth:2,borderColor:'lightgreen',justifyContent:'center',alignItems:'center',backgroundColor:'#fff'},completedCircle:{backgroundColor:'lightgreen',borderColor:'lightgreen'},activeCircle:{borderColor:'orange',backgroundColor:'#fff0e0'},innerDot:{width:8,height:8,borderRadius:4,backgroundColor:'orange'}});
//# sourceMappingURL=StepIndicator.js.map