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

A horizontal navigation component for Atlassian products.

/** @jsx jsx */

import { css, jsx } from '@emotion/react';
import { buttonHeight, gridSize } from '../../common/constants';
import { useTheme } from '../../theme';
const paddingAll = gridSize / 2;
const skeletonStyles = css({
  display: 'inline-flex',
  width: '68px',
  height: `${buttonHeight - paddingAll * 2.5}px`,
  borderRadius: `${gridSize / 2}px`,
  opacity: 0.15
});

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