@atlaskit/atlassian-navigation
Version:
A horizontal navigation component for Atlassian products.
20 lines (19 loc) • 609 B
JavaScript
/** @jsx jsx */
import { Fragment } from 'react';
import { css, jsx } from '@emotion/react';
import { gridSize } from '../../common/constants';
import { PrimaryButtonSkeleton } from '../PrimaryButton/skeleton';
const primaryButtonSkeletonStyles = css({
marginRight: gridSize * 1.5,
marginLeft: gridSize * 1.5
});
// Internal only
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export const PrimaryItemsContainerSkeleton = ({
count
}) => jsx(Fragment, null, Array.from({
length: count
}, (_, index) => jsx(PrimaryButtonSkeleton, {
key: index,
css: primaryButtonSkeletonStyles
})));