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

A horizontal navigation component for Atlassian products.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SkeletonHelpButton = void 0;
var _react = _interopRequireDefault(require("react"));
var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
var _SkeletonIconButton = require("./components/SkeletonIconButton");
var _theme = require("./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)
 */
var SkeletonHelpButton = function SkeletonHelpButton(_ref) {
  var _ref$label = _ref.label,
    label = _ref$label === void 0 ? '' : _ref$label;
  var _useTheme = (0, _theme.useTheme)(),
    navigation = _useTheme.mode.navigation;
  return /*#__PURE__*/_react.default.createElement(_SkeletonIconButton.SkeletonIconButton, null, /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
    label: label,
    secondaryColor: navigation.backgroundColor
  }));
};
exports.SkeletonHelpButton = SkeletonHelpButton;