import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import {AuthStack} from './authStack';
import {DrawerStack} from './drawerStack';

export type RootStackParamList = {
  AuthStack: undefined;
  DrawerStack: undefined;
};

const RootStack = createNativeStackNavigator<RootStackParamList>();

export const RootNavigator = () => {
  return (
    <NavigationContainer>
      <RootStack.Navigator screenOptions={{ headerShown: false }} initialRouteName="AuthStack">
        <RootStack.Screen name="AuthStack" component={AuthStack} />
        <RootStack.Screen name="DrawerStack" component={DrawerStack} />
      </RootStack.Navigator>
    </NavigationContainer>
  );
}