import React, { Component } from 'react';
import { DrawerNavigator, StackNavigator } from 'react-navigation';

import HomeScreen from './../screens/HomeScreen';
import CameraScreen from './../screens/CameraScreen';
import PreviewPhotoScreen from './../screens/PreviewPhotoScreen';
import SettingsScreen from './../screens/SettingsScreen';
import MedicationsScreen from './../screens/MedicationsScreen';
import SignInScreen from './../screens/SignInScreen';
import MainScreen from './../screens/MainScreen';
import SettingsTimePeriod from './../screens/SettingsTimePeriod'
import ReminderDetail from './../screens/ReminderDetail'

const RootNavigator = StackNavigator(
  {
    Home: {
      screen: DrawerNavigator({
        Home: {
          screen: StackNavigator({
            Home: {
              screen: HomeScreen
            },
            Detail: {
              screen: ReminderDetail
            }
          }, {
              headerMode: 'none'
            })
        },
        Camera: {
          screen: StackNavigator({
            Camera: {
              screen: CameraScreen,
            },
            PreviewPhoto: {
              screen: PreviewPhotoScreen,
            }
          }, {
              headerMode: 'none'
            }),
        },
        Medications: {
          screen: MedicationsScreen
        },
        Settings: {
          screen: StackNavigator({
            Settings: {
              screen: SettingsScreen
            },
            SettingsTime: {
              screen: SettingsTimePeriod
            }
          }, {
              headerMode: 'none'
            })
        }
      })
    },
    SignIn: {
      screen: SignInScreen,
    },
  }, {
    headerMode: 'none'
  }
)


export default RootNavigator;