import ConfigScreen from './asset/screens/ConfigScreen/ConfigScreen';
import JoinScreen from './asset/screens/JoinScreen/JoinScreen';
import IncomingCallScreen from './asset/screens/IncomingScreen/IncomingScreen';
import OutgoingCallScreen from './asset/screens/OutgoingScreen/OutgoingScreen';
import ConferenceScreen from './asset/screens/ConferenceScreen/ConferenceScreen';
import {NavigationContainer} from '@react-navigation/native';
import {
  createStackNavigator,
  CardStyleInterpolators,
} from '@react-navigation/stack';
import * as TextEncodingPolyfill from 'text-encoding';
import BigInt from 'big-integer';
import CombinedProvider from './asset/context/CombinedProvider';
import React from 'react';

Object.assign(global, {
  TextEncoder: TextEncodingPolyfill.TextEncoder,
  TextDecoder: TextEncodingPolyfill.TextDecoder,
  BigInt: BigInt,
});

export default function App() {
  const Stack = createStackNavigator();

  return (
    <NavigationContainer>
      <CombinedProvider>
        <Stack.Navigator initialRouteName="home">
          <Stack.Screen
            name="home"
            options={{
              headerShown: false,
              cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
            }}
            component={JoinScreen}
          />
          <Stack.Screen
            name="configuracoes"
            options={{
              headerShown: false,
              cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
            }}
            component={ConfigScreen}
          />
          <Stack.Screen
            name="incomingCall"
            options={{
              headerShown: false,
              cardStyleInterpolator:
                CardStyleInterpolators.forModalPresentationIOS,
            }}
            component={IncomingCallScreen}
          />
          <Stack.Screen
            name="outgoingCall"
            options={{
              headerShown: false,
              cardStyleInterpolator:
                CardStyleInterpolators.forModalPresentationIOS,
            }}
            component={OutgoingCallScreen}
          />
          <Stack.Screen
            name="roomConference"
            options={{
              headerShown: false,
              cardStyleInterpolator:
                CardStyleInterpolators.forModalPresentationIOS,
            }}
            component={ConferenceScreen}
          />
        </Stack.Navigator>
      </CombinedProvider>
    </NavigationContainer>
  );
}