import React from 'react';

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


import RainSharingDataScreen from '../screens/RainSharingDataScreen';
import RiverFloodSharingDataScreen from '../screens/RiverFloodSharingDataScreen';
import SharingFloodZonesScreen from '../screens/SharingFloodZonesScreen';
import PluviometerSharingDataScreen from '../screens/PluviometerSharingDataScreen';
import SharingDataScreen from '../screens/SharingDataScreen';
import SharingDataNavigator from './SharingDataNavigator';


const Stack = createStackNavigator();

function SharingDataOptionsNavigator() {
    return (
    <Stack.Navigator initialRouteName="SharingData">
      <Stack.Screen
        name="Voltar"
        component={SharingDataNavigator}
        options={{
            headerShown: false
        }}
      />
      <Stack.Screen
        name="RainSharingData"
        component={RainSharingDataScreen}
        options={{
          title: "Enviar uma informação",
          headerStyle: {
            backgroundColor: "white",
          },
        }}
      />
      <Stack.Screen
        name="FloodSharingData"
        component={SharingFloodZonesScreen}
        options={{
          title: "Enviar uma informação",
          headerStyle: {
            backgroundColor: "white",
          },
        }}
      />
      <Stack.Screen
        name="PluviometerSharingData"
        component={PluviometerSharingDataScreen}
        options={{
          title: "Enviar uma informação",
          headerStyle: {
            backgroundColor: "white",
          },
        }}
      />
      <Stack.Screen
        name="RiverFloodData"
        component={RiverFloodSharingDataScreen}
        options={{
          title: "Enviar uma informação",
          headerStyle: {
            backgroundColor: "white",
          },
        }}
      />
    </Stack.Navigator>
  );
}
export default SharingDataOptionsNavigator;