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

A horizontal navigation component for Atlassian apps.

/**
 * @jsxRuntime classic
 * @jsx jsx
 */
import React from 'react';

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';
const badgeContainerStyles = css({
  position: 'absolute',
  insetBlockStart: `${"var(--ds-space-negative-050, -4px)"}`,
  insetInlineEnd: `${"var(--ds-space-negative-025, -2px)"}`,
  pointerEvents: 'none'
});
const containerStyles = css({
  position: 'relative'
});

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