Function StatusBar

src/Components/Home/StatusBar/index.jsx:6–60

({
  mindHabit,
  moneyHabit,
  bodyHabit,
  funHabit,
})

import { ProgressBar } from "react-native-paper";

export default function StatusBar({
  mindHabit,
  moneyHabit,
  bodyHabit,
  funHabit,
}) {
  return (
    <View style={styles.container}>
      <View style={styles.statusBarContainer}>
        <Image
          source={require("../../../assets/icons/educationIcon.png")}
          style={styles.icon}
        />
        <ProgressBar
          progress={mindHabit}
          color={"#90B7F3"}
          style={styles.progress}
        />
      </View>
      <View style={styles.statusBarContainer}>
        <Image
          source={require("../../../assets/icons/moneyIcon.png")}
          style={styles.icon}
        />
        <ProgressBar
          progress={moneyHabit}
          color={"#85BB65"}
          style={styles.progress}
        />
      </View>
      <View style={styles.statusBarContainer}>
        <Image
          source={require("../../../assets/icons/bodyIcon.png")}
          style={styles.icon}
        />
        <ProgressBar
          progress={bodyHabit}
          color={"#FF0043"}
          style={styles.progress}
        />
      </View>
      <View style={styles.statusBarContainer}>
        <Image
          source={require("../../../assets/icons/funIcon.png")}
          style={styles.icon}
        />
        <ProgressBar
          progress={funHabit}
          color={"#FE7F23"}
          style={styles.progress}
        />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {