import React, { useState, useReducer, useEffect } from 'react';
import { ThemeProvider } from 'react-native-elements';
import { useColorScheme } from 'react-native-appearance';
import RootNavigator from './navigation/RootNavigator';
import { View, Text,Button } from 'react-native';
// import AppLoading from './components/AppLoading';
// import { cacheImages, cacheFonts } from './helpers/AssetsCaching';
// import vectorFonts from './helpers/vector-fonts';
import {
  ThemeReducer,
  initialState,
  ThemeReducerContext,
} from './helpers/ThemeReducer';


import SplashScreen from 'react-native-splash-screen'

export default () => {
  const [ThemeState, dispatch] = useReducer(ThemeReducer, initialState);
  const colorScheme = useColorScheme();

  useEffect(() => {  SplashScreen.hide(); }, []);
  useEffect(() => {
    if (colorScheme === 'dark') {
      dispatch({ type: 'set-theme', payload: 'dark' });
    }
  }, [colorScheme]);

  // const [isReady, setIsReady] = useState(false);

  // const loadAssetsAsync = async () => {
  //   const imageAssets = cacheImages([
  //     require('./assets/images/bg_screen1.jpg'),
  //     require('./assets/images/bg_screen2.jpg'),
  //     require('./assets/images/bg_screen3.jpg'),
  //     require('./assets/images/bg_screen4.jpg'),
  //     require('./assets/images/user-cool.png'),
  //     require('./assets/images/user-hp.png'),
  //     require('./assets/images/user-student.png'),
  //     require('./assets/images/avatar1.jpg'),
  //   ]);

  //   // const fontAssets = cacheFonts([
  //   //   ...vectorFonts,
  //   //   { georgia: require('./assets/fonts/Georgia.ttf') },
  //   //   { regular: require('./assets/fonts/Montserrat-Regular.ttf') },
  //   //   { light: require('./assets/fonts/Montserrat-Light.ttf') },
  //   //   { bold: require('./assets/fonts/Montserrat-Bold.ttf') },
  //   //   { UbuntuLight: require('./assets/fonts/Ubuntu-Light.ttf') },
  //   //   { UbuntuBold: require('./assets/fonts/Ubuntu-Bold.ttf') },
  //   //   { UbuntuLightItalic: require('./assets/fonts/Ubuntu-Light-Italic.ttf') },
  //   // ]);
  //   // await Promise.all([...imageAssets, ...fontAssets]);
  //   await Promise.all([...imageAssets]);
  // };

  // loadAssetsAsync();

  // if (!isReady) {
  //   return (
  //     <AppLoading
  //       startAsync={loadAssetsAsync}
  //       onFinish={() => {
  //         setIsReady(true);
  //       }}
  //       onError={console.warn}
  //     />
  //   );
  // }

  return (
    <ThemeReducerContext.Provider value={{ ThemeState, dispatch }}>
      <ThemeProvider useDark={ThemeState.themeMode === 'dark' ? true : false}>
        <RootNavigator />
      </ThemeProvider>
    </ThemeReducerContext.Provider>
  );
};