import React, { useState, FC } from "react";

interface UserContextInterface {
  user?: User;
  setUser:
    | React.Dispatch<React.SetStateAction<User | undefined>>
    | ((value: React.SetStateAction<User | undefined>) => void);
}

export const UserContext = React.createContext<UserContextInterface>({
  setUser: () => {},
});

const UserContextProvider: FC = ({ children }) => {
  const [user, setUser] = useState<User>();
  return (
    <UserContext.Provider value={{ user, setUser }}>
      {children}
    </UserContext.Provider>
  );
};

export default UserContextProvider;