//Modules
import 'react-native-gesture-handler';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

//Pages
import { 
    Home, 
    SearchPage, 
    Login, 
    CompanyProfile, 
    UserProfile,
    AccountSettings,
    Agenda,
    Contact,
    InternStatus,
    OutgoingSolicitation,
    Suggestions,
    Weekscedule,
  } from '../index';

const Stack = createStackNavigator();

class Routes extends React.Component {
   constructor(props){
      super(props);
      this.state = {
         items: this.props.item,
      }
   }

   render() {
    return (
      <NavigationContainer>
      <Stack.Navigator screenOptions={{
            headerShown: false
          }}>
        <Stack.Screen
          name="Login"
          component={Login}
        />
        <Stack.Screen
          name="Home"
          component={Home}
        />
        <Stack.Screen
          name="Search"
          component={SearchPage}
        />
        <Stack.Screen
          name="Companyprofile"
          component={CompanyProfile}
        />
        <Stack.Screen
          name="Userprofile"
          component={UserProfile}
        />
        <Stack.Screen
          name="Accountinstellingen"
          component={AccountSettings}
        />
        <Stack.Screen
          name="Agenda"
          component={Agenda}
        />
        <Stack.Screen
          name="Contact"
          component={Contact}
        />
        <Stack.Screen
          name="Stagestatus"
          component={InternStatus}
        />
        <Stack.Screen
          name="Verzondensolicitaties"
          component={OutgoingSolicitation}
        />
        <Stack.Screen
          name="Suggesties"
          component={Suggestions}
        />
        <Stack.Screen
          name="Weekstaten"
          component={Weekscedule}
        />
      </Stack.Navigator>
    </NavigationContainer>
    )
    }
   
    }
export default Routes;