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

A horizontal navigation component for Atlassian products.

import _extends from "@babel/runtime/helpers/extends";
import React, { forwardRef } from 'react';
import NotificationIcon from '@atlaskit/icon/glyph/notification';
import { BadgeContainer } from '../BadgeContainer';
import { IconButton } from '../IconButton';
const NOTIFICATIONS_BADGE_ID = 'atlassian-navigation-notification-count';

/**
 * __Notifications__
 *
 * A notifications button that can be passed into `AtlassianNavigation`'s
 * `renderNotifications` prop.
 *
 * - [Examples](https://atlassian.design/components/atlassian-navigation/examples#notifications)
 * - [Code](https://atlassian.design/components/atlassian-navigation/code)
 */
export const Notifications = /*#__PURE__*/forwardRef((props, ref) => {
  const {
    badge,
    tooltip,
    ...iconButtonProps
  } = props;
  return /*#__PURE__*/React.createElement(BadgeContainer, {
    id: NOTIFICATIONS_BADGE_ID,
    badge: badge
  }, /*#__PURE__*/React.createElement(IconButton, _extends({
    icon: /*#__PURE__*/React.createElement(NotificationIcon, {
      label: typeof tooltip === 'string' ? tooltip : 'Notification Icon'
    }),
    tooltip: tooltip,
    ref: ref,
    "aria-describedby": NOTIFICATIONS_BADGE_ID
  }, iconButtonProps)));
});
export default Notifications;