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

A horizontal navigation component for Atlassian apps.

/* skeleton-notification-button.tsx generated by @compiled/babel-plugin v0.39.1 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "Nav4SkeletonNotificationButton", {
  enumerable: true,
  get: function get() {
    return _nav4SkeletonNotificationButton.Nav4SkeletonNotificationButton;
  }
});
exports.SkeletonNotificationButton = void 0;
require("./skeleton-notification-button.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _react = _interopRequireDefault(require("react"));
var _notification = _interopRequireDefault(require("@atlaskit/icon/core/notification"));
var _compiled = require("@atlaskit/primitives/compiled");
var _SkeletonIconButton = require("./components/SkeletonIconButton");
var _nav4SkeletonNotificationButton = require("./nav4-skeleton-notification-button");
var iconSpacingStyles = {
  space050: "_1rjc1b66 _18zr1b66"
};
/**
 * __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 Notification button.
 *
 * - [Examples](https://atlassian.design/components/atlassian-navigation/examples#skeleton-button)
 * - [Code](https://atlassian.design/components/atlassian-navigation/code)
 */
var SkeletonNotificationButton = exports.SkeletonNotificationButton = function SkeletonNotificationButton(_ref) {
  var _ref$label = _ref.label,
    label = _ref$label === void 0 ? '' : _ref$label;
  return /*#__PURE__*/_react.default.createElement(_SkeletonIconButton.SkeletonIconButton, null, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
    xcss: iconSpacingStyles.space050
  }, /*#__PURE__*/_react.default.createElement(_notification.default, {
    color: "currentColor",
    label: label
  })));
};