@hashicorp/react-subnav/helpers/useNavRef.js

Displays a navigation bar, with links and a call-to-action.

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

import useOverflowRef from './useOverflowRef'
import useStuckRef from './useStuckRef'

export default function useNavRef(deps) {
  const [isStuck, stuckRef] = useStuckRef()
  const [hasOverflow, overflowRef] = useOverflowRef()

  return [
    isStuck,
    hasOverflow,
    function navRef(target) {
      stuckRef(target, deps)
      overflowRef(target, deps)
    },
  ]
}