import React from "react";
import { ActivityIndicator, StyleSheet, Text, View } from "react-native";

export function LoadingView({ message = "Cargando..." }: { message?: string }) {
  return (
    <View style={styles.wrap}>
      <ActivityIndicator size="large" color="#C4A35A" />
      <Text style={styles.text}>{message}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  wrap: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12 },
  text: { color: "#E8E2D6", fontSize: 16 },
});