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'),
        'Pen' : require('./assets/font/NanumBarunPen.ttf'),
        'Son' : require('./assets/font/NanumSon.ttf'),
        'Bold' : require('./assets/font/NanumSquareRoundBold.ttf'),
        'ExtraBold' : require('./assets/font/NanumSquareRoundExtraBold.ttf'),
        'Light' : require('./assets/font/NanumSquareRoundLight.ttf'),
        'Regular' : require('./assets/font/NanumSquareRoundRegular.ttf'),
      });
      setFontLoaded(true);
    } 
    fontLoading();
  }, [] )

  return (
    <Provider store={Store}>
      {
        fontLoaded ? <Main /> : null
      }
    </Provider>
  )
}

export default App;