import { StatusBar } from 'expo-status-bar';
import { PaperProvider } from 'react-native-paper';
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
import { appTheme } from './src/theme';
import TestPage from './pages/TestScreen';
import { CounterProvider } from './stores/CounterStore';

export default function App() {
  return (
    <PaperProvider theme={appTheme}>
      <SafeAreaProvider>
        <SafeAreaView style={{ flex: 1 }}>
          <StatusBar style="auto" />
          <CounterProvider>
            <TestPage />
          </CounterProvider>
        </SafeAreaView>
      </SafeAreaProvider>
    </PaperProvider>
  );
}