import React from 'react';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { NavigationContainer } from '@react-navigation/native';
import { Splash } from '../lotties/Splash';
import Login from '../screens/Login';
import AuthRoutes from './tab.routes';
import Pessoas from '../screens/Pessoas';
import NovaPessoa from '../screens/NovaPessoa';
import Categorias from '../screens/Categorias';
import NovaCategoria from '../screens/NovaCategoria';
import Produtos from '../screens/Produtos';
import NovoProduto from '../screens/NovoProduto';
import ComprarProduto from '../screens/ComprarProduto';
import Estoque from '../screens/Estoque';
import Pagar from '../screens/Pagar';
import NovaContaPagar from '../screens/NovaContaPagar';

const Stack = createNativeStackNavigator();

function StackNavigator(){
    return (
        <Stack.Navigator screenOptions={{headerShown: false}}>
            <Stack.Screen name="Login" component={Login} />
            <Stack.Screen name="Home" component={AuthRoutes} />
            <Stack.Screen name="Pessoas" component={Pessoas} />
            <Stack.Screen name="NovaPessoa" component={NovaPessoa} />
            <Stack.Screen name="Categorias" component={Categorias} />
            <Stack.Screen name="NovaCategoria" component={NovaCategoria} />
            <Stack.Screen name="Produtos" component={Produtos} />
            <Stack.Screen name="NovoProduto" component={NovoProduto} />
            <Stack.Screen name="ComprarProduto" component={ComprarProduto} />
            <Stack.Screen name="Estoque" component={Estoque} />
            <Stack.Screen name="Pagar" component={Pagar} />
            <Stack.Screen name="NovaContaPagar" component={NovaContaPagar} />
            <Stack.Screen name="Splash" component={Splash} />
        </Stack.Navigator>
    )
}

function AppRoutes(){
    return(
        <NavigationContainer>
            <StackNavigator />
        </NavigationContainer>
    )
}
export default AppRoutes;