@atlaskit/avatar-group/dist/cjs/components/internal/hooks/use-register-item-with-focus-manager.js

An avatar group displays a number of avatars grouped together in a stack or grid.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _focusManagerContext = require("../components/focus-manager-context");
// eslint-disable-next-line sort-imports

// The refs stored in the context are used to programatically
// control focus on a user navigates using the keyboard.
function useRegisterItemWithFocusManager() {
  var _useContext = (0, _react.useContext)(_focusManagerContext.FocusManagerContext),
    registerRef = _useContext.registerRef;
  var itemRef = (0, _react.useRef)(null);
  (0, _react.useEffect)(function () {
    if (itemRef.current !== null) {
      registerRef(itemRef.current);
    }
  }, [registerRef]);
  return itemRef;
}
var _default = exports.default = useRegisterItemWithFocusManager;