import React from 'react';
import { StyleSheet, Text } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import Loader from '../../../../shared/components/ui/Loader';
import { colors, typography } from '../../../../theme';

const LoadingView = () => (
  <SafeAreaView style={styles.container}>
    <Loader />
    <Text style={styles.text}>Chargement des données...</Text>
  </SafeAreaView>
);

export default LoadingView;

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: colors.background || '#F8FAFC',
  },
  text: {
    marginTop: 12,
    color: colors.textSecondary,
    fontWeight: typography.fontWeight.medium,
  },
});