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

A horizontal navigation component for Atlassian apps.

/* skeleton-settings-button.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./skeleton-settings-button.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import SettingsIcon from '@atlaskit/icon/core/settings';
import { Flex } from '@atlaskit/primitives/compiled';
import { SkeletonIconButton } from './components/SkeletonIconButton';
var iconSpacingStyles = {
  space050: "_1rjc1b66 _18zr1b66"
};
/**
 * __Skeleton settings 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 Settings button.
 *
 * - [Examples](https://atlassian.design/components/atlassian-navigation/examples#skeleton-button)
 * - [Code](https://atlassian.design/components/atlassian-navigation/code)
 */
export var SkeletonSettingsButton = function SkeletonSettingsButton(_ref) {
  var _ref$label = _ref.label,
    label = _ref$label === void 0 ? '' : _ref$label;
  return /*#__PURE__*/React.createElement(SkeletonIconButton, null, /*#__PURE__*/React.createElement(Flex, {
    xcss: iconSpacingStyles.space050
  }, /*#__PURE__*/React.createElement(SettingsIcon, {
    color: "currentColor",
    label: label
  })));
};
export { Nav4SkeletonSettingsButton } from './nav4-skeleton-settings-button';