import { Stack } from 'expo-router';
import { StatusBar } from 'expo-status-bar';
import { useFonts } from 'expo-font';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { AppProvider } from '../src/state/app-state';
import { theme } from '../src/design/theme';

export default function Layout() {
  const [loaded, error] = useFonts({Inter: require('../assets/fonts/Inter.ttf')});
  if (!loaded && !error) return null;
  return <SafeAreaProvider><AppProvider><StatusBar style="light" /><Stack screenOptions={{headerShown: false, contentStyle: {backgroundColor: theme.background}, animation: 'fade', gestureEnabled: true}} /></AppProvider></SafeAreaProvider>;
}