@atlaskit/atlassian-navigation/dist/cjs/components/PrimaryButton/skeleton.js

A horizontal navigation component for Atlassian products.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PrimaryButtonSkeleton = void 0;
var _react = require("@emotion/react");
var _constants = require("../../common/constants");
var _theme = require("../../theme");
/** @jsx jsx */

var paddingAll = _constants.gridSize / 2;
var skeletonStyles = (0, _react.css)({
  display: 'inline-flex',
  width: '68px',
  height: "".concat(_constants.buttonHeight - paddingAll * 2.5, "px"),
  borderRadius: "".concat(_constants.gridSize / 2, "px"),
  opacity: 0.15
});

// Not exported to consumers, only used in NavigationSkeleton
// eslint-disable-next-line @repo/internal/react/require-jsdoc
var PrimaryButtonSkeleton = function PrimaryButtonSkeleton(props) {
  var theme = (0, _theme.useTheme)();
  return (0, _react.jsx)("div", {
    style: theme.mode.skeleton,
    css: skeletonStyles,
    className: props.className
  });
};
exports.PrimaryButtonSkeleton = PrimaryButtonSkeleton;