import { createContext, useContext } from 'react';
import type { Action, AppState } from './types';
import { initialState } from './types';

export const AppStateContext = createContext<AppState>(initialState);
export const AppDispatchContext = createContext<React.Dispatch<Action>>(() => {});

export function useAppState(): AppState {
  return useContext(AppStateContext);
}

export function useAppDispatch(): React.Dispatch<Action> {
  return useContext(AppDispatchContext);
}

export function dispatchError(dispatch: React.Dispatch<Action>, err: unknown): void {
  dispatch({ type: 'SET_ERROR', error: err instanceof Error ? err.message : String(err) });
}