@atlaskit/atlassian-navigation/dist/esm/components/BadgeContainer/index.js

A horizontal navigation component for Atlassian products.

/** @jsx jsx */
import { css, jsx } from '@emotion/react';
var badgeContainerStyles = css({
  position: 'absolute',
  top: '-4px',
  right: '-2px',
  pointerEvents: 'none'
});
var containerStyles = css({
  position: 'relative'
});

// Not exported to consumers
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export var BadgeContainer = function BadgeContainer(props) {
  var badgeId = props.id,
    Badge = props.badge,
    children = props.children;
  return jsx("div", {
    css: containerStyles
  }, children, jsx("div", {
    css: badgeContainerStyles,
    id: badgeId,
    "aria-hidden": true
  }, jsx(Badge, null)));
};