import React from "react";
import {NavigationContainer} from "@react-navigation/native";
import {createStackNavigator} from "@react-navigation/stack";

import Map from "../screens/Map";
import Auth from "../screens/Auth";
import MyPage from "../screens/MyPage";
import {useSelector} from "react-redux";

const Stack = createStackNavigator();

const RootNavigation = () => {
    const {me} = useSelector(state => state.user);

    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name='지도'
                              component={Map}
                              options={{
                                  headerShown: false
                              }}/>
                <Stack.Screen name='이킥저킥'
                              component={me ? MyPage : Auth}/>
            </Stack.Navigator>
        </NavigationContainer>
    );
};

export default RootNavigation;