import { useState } from "react";
import { createContext } from "react";

export const AppContext = createContext();

export const AppContextProvider = props => {
	const [userId, setUserId] = useState("");
	const [dropDownOpen, setDropDownOpen] = useState(false);
	const [currentUser, setCurrentUser] = useState();

	return (
		<AppContext.Provider
			value={{
				userId,
				setUserId,
				dropDownOpen,
				setDropDownOpen,
				currentUser,
				setCurrentUser,
			}}
			{...props}
		/>
	);
};