import React, {useEffect, useState} from 'react';
import Main from './components/Main/Main'
import { Provider,connect } from 'react-redux';
import Store from './reducers/Store';
import * as Font from 'expo-font';

const App = () => {
  const [ fontLoaded,setFontLoaded ] = useState(false);
  useEffect( () => {
    const fontLoading = async () => {
      await Font.loadAsync({
        'CustomFont': require('./assets/font/NanumBarunGothic.ttf'),
        'CustomFontBold': require('./assets/font/NanumBarunGothicBold.ttf')
      });
      setFontLoaded(true);
    }
    fontLoading();
  }, [] )
  return (
    <Provider store={Store}>
      {
        fontLoaded ? <Main /> : null
      }
    </Provider>
  )
}

export default App;