/**
 * @format
 */
import React from 'react';
import {AppRegistry, KeyboardAvoidingView, StatusBar} from 'react-native';
import 'react-native-gesture-handler';
import './app/utils/themes'
import './app/utils/constant';
import './app/utils/notification';
import './app/utils/vector_icon';
import Router from './app/pages/Router';
import {name as appName} from './app.json';
//import {ModalPortal} from 'react-native-modals';
import ModalPortal from './app/components/ModalPortal';
import {RootSiblingParent} from 'react-native-root-siblings';
import { SafeAreaView } from 'react-native-safe-area-context';

const Index = () => {
  return (
    <RootSiblingParent>
      <StatusBar barStyle={themeStatusBar} backgroundColor={colorPrimaryDark}/>
      { isIOS
        ? <KeyboardAvoidingView style={ui.flex1} behavior="padding">
            <Router />
          </KeyboardAvoidingView>
        : <Router />
      }
      <ModalPortal />
      <SafeAreaView style={{flex: 0, backgroundColor: colorLight}}></SafeAreaView>
    </RootSiblingParent>
  );
};

AppRegistry.registerComponent(appName, () => Index);