@atlaskit/atlassian-navigation
Version:
A horizontal navigation component for Atlassian apps.
24 lines (22 loc) • 754 B
JavaScript
/**
* @jsxRuntime classic
* @jsx jsx
*/
import React, { Fragment, memo } from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';
import { PrimaryButtonSkeleton } from '../PrimaryButton/skeleton';
const primaryButtonSkeletonStyles = css({
marginInlineEnd: "var(--ds-space-150, 12px)",
marginInlineStart: "var(--ds-space-150, 12px)"
});
// Internal only
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export const PrimaryItemsContainerSkeleton = /*#__PURE__*/memo(({
count
}) => jsx(Fragment, null, Array.from({
length: count
}, (_, index) => jsx(PrimaryButtonSkeleton, {
key: index,
css: primaryButtonSkeletonStyles
}))));