···

       
2
       
 
       
import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       
3
       
 
       
import { ActivityIndicator, View } from "react-native";

     

       
4
       
 
       


     

       
5
       
-
       
export const Loading = ({ color }: { color?: HexCode }) => {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
6
       
 
       
    const { semantic } = useCurrentPalette();

     

       
7
       
 
       
    return (

     

       
8
       
 
       
        <View>

     

       
9
       
-
       
            <ActivityIndicator size="large" color={color ?? semantic.primary} />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
10
       
 
       
        </View>

     

       
11
       
 
       
    );

     

       
12
       
 
       
};

     

···

       
2
       
 
       
import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       
3
       
 
       
import { ActivityIndicator, View } from "react-native";

     

       
4
       
 
       


     

       
5
       
+
       
export const Loading = ({

     

       
6
       
+
       
    color,

     

       
7
       
+
       
    size,

     

       
8
       
+
       
}: {

     

       
9
       
+
       
    color?: HexCode;

     

       
10
       
+
       
    size?: number | "large" | "small";

     

       
11
       
+
       
}) => {

     

       
12
       
 
       
    const { semantic } = useCurrentPalette();

     

       
13
       
 
       
    return (

     

       
14
       
 
       
        <View>

     

       
15
       
+
       
            <ActivityIndicator

     

       
16
       
+
       
                size={size ?? "large"}

     

       
17
       
+
       
                color={color ?? semantic.primary}

     

       
18
       
+
       
            />

     

       
19
       
 
       
        </View>

     

       
20
       
 
       
    );

     

       
21
       
 
       
};