App.tsx

import * as React from 'react';
import 'react-native-gesture-handler';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { LoadAssets } from './src/components';
import { StatusBar } from 'react-native';
import { ThemeProvider } from './src/components/Theme';
import AuthRouter from './src/routers/AuthRouter';
import { store } from './src/redux';
import { Provider } from 'react-redux';
import { enableScreens } from 'react-native-screens';
import { ApplicationProvider } from '@ui-kitten/components';
import * as eva from '@eva-design/eva';

enableScreens();

const fonts = {
  'Avenir-Bold': require('./assets/fonts/AvenirNextLTPro-Bold.otf'),
  'Avenir-Semibold': require('./assets/fonts/AvenirNextLTPro-Demi.otf'),
  'Avenir-Regular': require('./assets/fonts/AvenirNextLTPro-Medium.otf'),
};

const App = () => {
  return (
    <Provider store={store}>
      <ApplicationProvider {...eva} theme={eva.light}>
        <LoadAssets {...{ fonts }}>
          <ThemeProvider>
            <SafeAreaProvider>
              <StatusBar translucent backgroundColor="transparent" barStyle="light-content" />
              <AuthRouter />
            </SafeAreaProvider>
          </ThemeProvider>
        </LoadAssets>
      </ApplicationProvider>
    </Provider>
  );
};

export default App;