RnDanovinExpo/src/components/Progress.js

import React from "react";
import { View } from "react-native";
import {connect} from "react-redux";

//assets
import tw from "tailwind-rn";
import Colors from "../constants/Colors";

function Progress({ percent, alignItems, theme }) {
  return (
    <View
      style={[
        tw(
          `w-full h-1.5 rounded-full  overflow-hidden my-3 flex ${alignItems}`
        ),
        { backgroundColor: Colors.theme1.green79 + "22" },
      ]}
    >
      <View
        style={[
          tw("h-full rounded-full"),
          {
            backgroundColor: Colors.theme1.greenCF,
            width: percent + "%",
            // backgroundColor: Color.theme1.light.blue4,
          },
        ]}
      ></View>
    </View>
  );
}

const mapStateToProps = (state) => ({
  theme: state.publicApi.theme,
})

export default connect(mapStateToProps)(Progress);