Create AuthProvider component

src/components/AuthProvider/AuthProvider.js

@@ -0,0 +1,32 @@
+import React, { useState, createContext, useContext } from "react";
+
+
+
+const LoginContext = createContext();
+const LoginSetterContext = createContext();
+const TokenContext = createContext();
+const TokenSetterContext = createContext();
+
+export const useLogin = () => useContext(LoginContext);
+export const useLoginSetter = () => useContext(LoginSetterContext);
+export const useToken = () => useContext(TokenContext);
+export const useTokenSetter = () => useContext(TokenSetterContext);
+
+
+
+export default function AuthProvider({ children }) {
+	const [loggedIn, setLoggedIn] = useState(false);
+	const [token, setToken] = useState(null);
+
+	return (
+		<LoginContext.Provider value={loggedIn}>
+			<LoginSetterContext.Provider value={setLoggedIn}>
+				<TokenContext.Provider value={token}>
+					<TokenSetterContext.Provider value={setToken}>
+						{children}
+					</TokenSetterContext.Provider>
+				</TokenContext.Provider>
+			</LoginSetterContext.Provider>
+		</LoginContext.Provider>
+	);
+};

src/components/AuthProvider/AuthProvider.md

@@ -0,0 +1,14 @@
+AuthProvider
+
+Description
+
+---
+
+```jsx
+import AuthProvider from "./AuthProvider";
+
+<AuthProvider />
+```
+```jsx static
+<AuthProvider />
+```

src/components/AuthProvider/index.js

@@ -0,0 +1 @@
+export { default, useLogin, useLoginSetter, useToken, useTokenSetter } from "./AuthProvider";