@atlaskit/atlassian-navigation/dist/esm/skeleton-help-button.js

A horizontal navigation component for Atlassian products.

import React from 'react';
import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
import { SkeletonIconButton } from './components/SkeletonIconButton';
import { useTheme } from './theme';
/**
 * __Skeleton Notification button__
 *
 * Skeleton buttons are lightweight HTML button elements with CSS that represent
 * their heavier interactive counterparts, for use when elements of the
 * navigation are loaded dynamically. This one represents the Help button.
 *
 * - [Examples](https://atlassian.design/components/atlassian-navigation/examples#skeleton-button)
 * - [Code](https://atlassian.design/components/atlassian-navigation/code)
 */
export var SkeletonHelpButton = function SkeletonHelpButton(_ref) {
  var _ref$label = _ref.label,
    label = _ref$label === void 0 ? '' : _ref$label;
  var _useTheme = useTheme(),
    navigation = _useTheme.mode.navigation;
  return /*#__PURE__*/React.createElement(SkeletonIconButton, null, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
    label: label,
    secondaryColor: navigation.backgroundColor
  }));
};