import { Stack } from 'expo-router';
import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { View } from 'react-native';

import { AppProvider } from '@/src/app-context';
import { ToastOverlay } from '@/src/components/toast-overlay';

export default function RootLayout() {
  return (
    <AppProvider>
      <View style={{ flex: 1 }}>
        <Stack screenOptions={{ headerShown: false }}>
          <Stack.Screen name="index" />
          <Stack.Screen name="auth" />
          <Stack.Screen name="onboarding" />
          <Stack.Screen name="(tabs)" />
        </Stack>
        <ToastOverlay />
        <StatusBar style="light" />
      </View>
    </AppProvider>
  );
}