import React, { useState } from 'react';

const initialState = {
  app: {
    hasLoaded: false
  }
};

const AppContext = React.createContext(initialState);

function AppProvider({ children }) {
  const [app, setAppState] = useState(initialState.app);

  function setAppStateImmutably(appState) {
    const prevState = { ...app };
    setAppState({ ...prevState, ...appState });
  }

  return (
    <AppContext.Provider
      value={{
        app,
        setAppState: setAppStateImmutably
      }}
    >
      {children}
    </AppContext.Provider>
  );
}

export default AppProvider;
export { AppContext };