import { createStackNavigator, createAppContainer } from 'react-navigation';
import WelcomeScreen from '../screens/onboaring/WelcomeScreen';
// AUTH IMPORTS
import LoginScreen from '../screens/auth/LoginScreen';
import SignupScreenOne from '../screens/auth/SignupScreen1';
import SignupScreenTwo from '../screens/auth/SignupScreen2';
import SignupScreenThreeA from '../screens/auth/SignupScreen3a';
import SignupScreenThreeB from '../screens/auth/SignupScreen3b';
import SignupScreenFour from '../screens/auth/SignupScreen4/SignupScreen4';
import SignupScreenFive from '../screens/auth/SignupScreen5';
import SignupScreenSix from '../screens/auth/SignupScreen6';
import TwitterWebView from '../screens/auth/TwitterWebView';
import LinkedInWebView from '../screens/auth/LinkedInWebView';
import ForgotPasswordScreen from '../screens/auth/ForgotPasswordScreen';
// PROFILE IMPORTS
import ProfileQRCodeScanner from '../screens/profile/ProfileQRCodeScanner';
import ProfileSearchScreen from '../screens/profile/ProfileSearchScreen';
import ProfileHomeScreen from '../screens/profile/ProfileHomeScreen';
import MainOptionsMenu from '../screens/misc/MainOptionsMenu';


const MainNavigator = createStackNavigator({
  profileHome: ProfileHomeScreen,
  welcome: WelcomeScreen,
  login: LoginScreen,
  forgotPassword: ForgotPasswordScreen,
  signup1: SignupScreenOne,
  signup2: SignupScreenTwo,
  signup3a: SignupScreenThreeA,
  signup3b: SignupScreenThreeB,
  signup4: SignupScreenFour,
  signup5: SignupScreenFive,
  signup6: SignupScreenSix,
  profileQRScan: ProfileQRCodeScanner,
  profileSearch: ProfileSearchScreen
});

const RootNavigator = createStackNavigator(
{
  Main: {
    screen: MainNavigator,
    navigationOptions: { header: null }
  },
  twitterWebView: TwitterWebView,
  linkedInWebView: LinkedInWebView
  mainOptions: MainOptionsMenu
},
{ 
  mode: 'modal' 
});

const AppNavigator = createAppContainer(RootNavigator);

export default AppNavigator;
