import React, { useContext, useState } from 'react';
export interface IAppNavContext {
  toggled?: boolean;
  updated?: any;
  setToggled?(bool: boolean): any;
  setUpdated?(): any;
}
const AppNavContext = React.createContext<Partial<IAppNavContext>>({});
export const AppNavProvider: React.FC<IAppNavContext> = (props) => {
  const initialState = {
    toggled: false,
    updated: 0,
    setToggled(bool = false) {
      setState((prevState) => ({ ...prevState, toggled: bool }));
    },
    setUpdated() {
      setState((prevState) => ({ ...prevState, updated: Date.now() }));
    },
  };
  const [state, setState] = useState(initialState);
  return <AppNavContext.Provider value={state}>{props.children}</AppNavContext.Provider>;
};
export function useAppNavContext() {
  const context = useContext(AppNavContext);
  return context;
}
export default AppNavContext;