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

interface UserContextInterface {
  user?: User;
  logged: boolean;
  setLogged: React.Dispatch<React.SetStateAction<boolean>>;
  setUser: React.Dispatch<React.SetStateAction<User | undefined>>;
}

export const UserContext = React.createContext<UserContextInterface | null>(
  null
);

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

export default UserContextProvider;