@atlaskit/atlassian-navigation/dist/es2019/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 const SkeletonHelpButton = ({
  label = ''
}) => {
  const {
    mode: {
      navigation
    }
  } = useTheme();
  return /*#__PURE__*/React.createElement(SkeletonIconButton, null, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
    label: label,
    secondaryColor: navigation.backgroundColor
  }));
};