App.tsx

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import GameSetup from './src/screens/game-setup/GameSetup';
import Scoring from './src/screens/scoring/Scoring';
import {GameDataProvider} from './src/contexts/GameContext';

const Stack = createNativeStackNavigator();

function App(): JSX.Element {
  return (
    <GameDataProvider>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen
            name="GameSetup"
            component={GameSetup}
            options={{
              title: 'New game',
              headerStyle: {},
              headerTintColor: '',
            }}
          />
          <Stack.Screen
            name="Scoring"
            component={Scoring}
            options={{
              title: 'Scoring',
              headerStyle: {
                backgroundColor: '',
              },
              headerTintColor: '',
            }}
          />
        </Stack.Navigator>
      </NavigationContainer>
    </GameDataProvider>
  );
}

export default App;