import { getComposedParent } from '../commons/dom';

/**
 * Only match the outer-most `aria-hidden=true` element
 * @param {HTMLElement} el the HTMLElement to verify
 * @return {Boolean}
 */
function shouldMatchElement(el) {
  if (!el) {
    return true;
  }
  if (el.getAttribute('aria-hidden') === 'true') {
    return false;
  }
  return shouldMatchElement(getComposedParent(el));
}

function ariaHiddenFocusMatches(node) {
  return shouldMatchElement(getComposedParent(node));
}

export default ariaHiddenFocusMatches;