import React from "react";
import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from 'react-navigation';

import Home from "./screens/Home/";
import Start from "./screens/Start/";
import Login from "./screens/Login/";
import GlobeIntro from "./screens/GlobeIntro/";
import Survey from "./screens/Survey/";
import SocialIntegration from "./screens/SocialIntegration";
import GlobeOutro from "./screens/GlobeOutro";
import MainSettings from "./screens/Settings/MainSettings";
import FacebookConnect from "./screens/Settings/FacebookConnect";
import CalendarConnect from "./screens/Settings/CalendarConnect";
import PastExperiences from "./screens/Settings/PastExperiences";
import HelpPage from "./screens/Settings/HelpPage";
import Feedback from "./screens/Feedback";
import Activity from "./screens/Activity/";
import Chatbot from "./screens/Chatbot/";
import GoogleMaps from "./screens/GoogleMaps/";
import FeedbackOutro from "./screens/FeedbackOutro/";

// https://reactnavigation.org/docs/en/stack-navigator.html
// For custom transitions https://medium.com/async-la/custom-transitions-in-react-navigation-2f759408a053

const AppNavigator = createStackNavigator(
  {
    Home: { screen: Home },
    Start: { screen: Start },
    Login: { screen: Login },
    GlobeIntro: { screen: GlobeIntro },
    GlobeOutro: { screen: GlobeOutro },
    Survey: { screen: Survey },
    SocialIntegration: {screen: SocialIntegration},
    MainSettings: {screen: MainSettings },
    FacebookConnect: {screen: FacebookConnect },
    CalendarConnect: {screen: CalendarConnect },
    PastExperiences: {screen: PastExperiences },
    HelpPage: {screen: HelpPage},
    Feedback: {screen: Feedback},
    Activity: {screen: Activity},
    Chatbot: {screen: Chatbot},
    GoogleMaps: {screen: GoogleMaps},
    FeedbackOutro: {screen: FeedbackOutro},
  },
  {
    initialRouteName: "Start",
    mode: 'card',
  }
);

const App = createAppContainer(AppNavigator);

export default App;

