import React from 'react' ; import { StyleSheet } from 'react-native' ; import { ProgressCircle } from 'react-native-svg-charts' ; import { COLOR } from '../../constants/theme' ; const styles = StyleSheet . create ( { progress : { height : 200 , width : 200 , } , } ) ; interface Props { value : number ; } export default function Progress ( props ) { const { value } = props ; return < ProgressCircle style = { styles . progress } progress = { value } progressColor = { COLOR . PRIMARY } / > ; }