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

A horizontal navigation component for Atlassian products.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BadgeContainer = void 0;
var _react = require("@emotion/react");
/** @jsx jsx */

var badgeContainerStyles = (0, _react.css)({
  position: 'absolute',
  top: '-4px',
  right: '-2px',
  pointerEvents: 'none'
});
var containerStyles = (0, _react.css)({
  position: 'relative'
});

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