App.tsx

import React from 'react';
import { StatusBar } from 'expo-status-bar';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { AuthProvider } from './src/context/AuthContext';
import { BookingProvider } from './src/context/BookingContext';
import { ThemeProvider, useTheme } from './src/context/ThemeContext';
import RootNavigator from './src/navigation/RootNavigator';

/**
 * Riviera - Cafeteria Seat Booking App
 * Main application entry point
 */
const AppContent = () => {
  const { mode } = useTheme();

  return (
    <SafeAreaProvider>
      <AuthProvider>
        <BookingProvider>
          <RootNavigator />
          <StatusBar style={mode === 'dark' ? 'light' : 'dark'} />
        </BookingProvider>
      </AuthProvider>
    </SafeAreaProvider>
  );
};

export default function App() {
  return (
    <ThemeProvider>
      <AppContent />
    </ThemeProvider>
  );
}