import React from 'react'
import { createStackNavigator } from '@react-navigation/stack';

import Lists from './list';
import Search from './search';
import Details from '../details';

const Stack = createStackNavigator();

const navOptions = () => ({
  headerShown: false
})

const index = () => {
  return (
    <Stack.Navigator initialRouteName="List" > 
      <Stack.Screen name="List" key="List" component={Lists} options={navOptions} />
      <Stack.Screen name="Search" key="Search" component={Search} options={navOptions} />
      <Stack.Screen name="Details" key="Details" component={Details} options={navOptions} />
    </Stack.Navigator>
  )
}

export default index