App.tsx

import { NavigationContainer, RouteProp } from '@react-navigation/native'
import { createNativeStackNavigator } from '@react-navigation/native-stack'
import { Screens } from './src/navigation/screenNames'
import Detail from './src/screens/Detail/Detail'
import Home from './src/screens/Home/Home'
import { IPokemon } from './src/interfaces/pokemon.interfaces'
import Pokedex from './src/screens/Pokedex/Pokedex'
import AppProvider from './src/context/provider'

export type RootStackParamList = {
  [Screens.HOME]: undefined
  [Screens.DETAIL]: { pokemon: IPokemon }
  [Screens.POKEDEX]?: { pokemon: IPokemon }
}

export default function App() {
  const Stack = createNativeStackNavigator()

  return (
    <AppProvider>
      <NavigationContainer>
        <Stack.Navigator initialRouteName={Screens.HOME}>
          <Stack.Screen
            name={Screens.HOME}
            options={{ headerShown: false }}
            component={Home}
          />
          <Stack.Screen
            name={Screens.DETAIL}
            options={{ headerShown: false, presentation: 'modal' }}
            component={Detail}
          />
          <Stack.Screen
            name={Screens.POKEDEX}
            options={{ headerShown: false }}
            component={Pokedex}
          />
        </Stack.Navigator>
      </NavigationContainer>
    </AppProvider>
  )
}