import { AuthProvider } from '@/components/AuthProvider';
import QueryProvider from '@/components/QueryProvider';
import { ThemeProvider } from '@/components/ThemeContext';
import i18n from '@/i18n/i18n';
import { ProfileDataProvider } from '@/screens/profile/lib/ProfileDataContext';
import { Stack } from 'expo-router';
import { StatusBar } from 'expo-status-bar';
import { I18nextProvider } from 'react-i18next';
import 'react-native-reanimated';

function AppContent() {
  return (
    <>
      <Stack screenOptions={{ headerShown: false }} />
      <StatusBar style={'light'} />
    </>
  );
}

export default function RootLayout() {
  return (
    <I18nextProvider i18n={i18n}>
      <QueryProvider>
        <ThemeProvider>
          <ProfileDataProvider>
            <AuthProvider>
              <AppContent />
            </AuthProvider>
          </ProfileDataProvider>
        </ThemeProvider>
      </QueryProvider>
    </I18nextProvider>
  );
}