add a loading props to the button component

src/components/Button.tsx

 import type { BoxProps, VariantProps } from "@shopify/restyle";
 import type { Theme } from "@themes/Theme";
-import { TouchableOpacity } from "react-native";
+import { ActivityIndicator, TouchableOpacity } from "react-native";
 import ButtonBase from "./bases/ButtonBase";
 import Text from "./bases/Text";
 
@@ -9,13 +9,25 @@ type Props = BoxProps<Theme> &
 	VariantProps<Theme, "textVariants", "textVariants"> & {
 		label: string;
 		onPress: () => void;
+		isLoading?: boolean;
 	};
 
-const Button = ({ onPress, label, textVariants, variant, ...rest }: Props) => {
+const Button = ({ onPress, label, isLoading, textVariants, variant, ...rest }: Props) => {
 	return (
 		<TouchableOpacity onPress={onPress}>
-			<ButtonBase variant={variant} justifyContent="center" alignItems="center" {...rest}>
-				<Text variant={textVariants}>{label}</Text>
+			<ButtonBase
+				variant={variant}
+				justifyContent="center"
+				alignItems="center"
+				flexDirection={"row"}
+				{...rest}
+				gap={"m"}
+			>
+				{isLoading ? (
+					<ActivityIndicator color="white" />
+				) : (
+					<Text variant={textVariants}>{label}</Text>
+				)}
 			</ButtonBase>
 		</TouchableOpacity>
 	);