Context.jsx

import React from "react"

import PropTypes from "prop-types"

const initialState = {
  isAuthenticated: false,
}

export const AuthContext = React.createContext(initialState)

export const AuthProvider = ({ children }) => {
  const [isAuthenticated, setIsAuthenticated] = React.useState(false)

  const loginUser = () => {
    setIsAuthenticated(true)
  }

  const logoutUser = () => {
    setIsAuthenticated(false)
  }

  return (
    <AuthContext.Provider
      value={{
        isAuthenticated,
        loginUser,
        logoutUser,
      }}
    >
      {children}
    </AuthContext.Provider>
  )
}

AuthProvider.propTypes = {
  children: PropTypes.node.isRequired,
}