@atlaskit/atlassian-navigation/dist/es2019/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';
const 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 const SkeletonSettingsButton = ({
  label = ''
}) => /*#__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';