useAccessControl.js

import { useSelector } from 'react-redux'

function useAccessControl(mode, page) {
  const accessControl = useSelector((state) => state.accessControl.data) || {}
  const user = useSelector((state) => state.user.profile) || {}

  function can(action) {
    console.log(`accessControl.${mode}.${page}.${action}`)
    return Boolean(accessControl[mode][page][action])
  }

  function is(role) {
    const currentUserRole = user.hasAccess ? 'admin' : 'user'

    return role === currentUserRole
  }

  return { can, is }
}

export default useAccessControl