forked from Ninjalama/streamyfin_mirror
33 lines
766 B
TypeScript
33 lines
766 B
TypeScript
import type React from "react";
|
|
import { StyleSheet, View } from "react-native";
|
|
import { AnimatedCircularProgress } from "react-native-circular-progress";
|
|
|
|
type ProgressCircleProps = {
|
|
size: number;
|
|
fill: number; // Progress percentage (0 to 100)
|
|
width: number; // Stroke width of the circle
|
|
tintColor: string; // Color of the progress part
|
|
backgroundColor: string; // Color of the remaining part
|
|
};
|
|
|
|
const ProgressCircle: React.FC<ProgressCircleProps> = ({
|
|
size,
|
|
fill,
|
|
width,
|
|
tintColor,
|
|
backgroundColor,
|
|
}) => {
|
|
return (
|
|
<AnimatedCircularProgress
|
|
size={size}
|
|
width={width}
|
|
fill={fill}
|
|
tintColor={tintColor}
|
|
backgroundColor={backgroundColor}
|
|
rotation={45}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default ProgressCircle;
|