import { View, ActivityIndicator } from "react-native";
import { Text } from "./Text";

export default function LoadingIndicator() {
  return <View style={{ display: "flex", flexDirection: 'row', justifyContent: 'center' }}>
    <View style={{
      backgroundColor: '#434343',
      borderRadius: 5,
      padding: 10,
      paddingHorizontal: 30,
      margin: 0,
      display: 'flex',
      flexDirection: 'row',
      gap: 20,
      alignItems: 'center'
    }}>
      <ActivityIndicator size='large' />
      <Text style={{ fontSize: 20 }}>Loading</Text>
    </View>
  </View>
}