very basics of auth state - not actually authenticating anything right now....

app/ctx.tsx

@@ -0,0 +1,46 @@
+import { createContext, use, type PropsWithChildren } from 'react'
+import { useStorageState } from './useStorageState'
+
+const AuthContext = createContext<{
+    login: () => void
+    logout: () => void
+    session?: string | null
+    isLoading: boolean
+}>({
+    login: () => null,
+    logout: () => null,
+    session: null,
+    isLoading: false
+})
+
+// This hook can be used to access the user info.
+export function useSession() {
+    const value = use(AuthContext)
+    if (!value) {
+        throw new Error('useSession must be wrapped in a <SessionProvider />')
+    }
+
+    return value
+}
+
+export function SessionProvider({ children }: PropsWithChildren) {
+    const [[isLoading, session], setSession] = useStorageState('session')
+
+    return (
+        <AuthContext
+            value={{
+                login: () => {
+                    // Perform sign-in logic here
+                    setSession('admin')
+                },
+                logout: () => {
+                    setSession(null)
+                },
+                session,
+                isLoading
+            }}
+        >
+            {children}
+        </AuthContext>
+    )
+}