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

A horizontal navigation component for Atlassian products.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PrimaryItemsContainerSkeleton = void 0;
var _react = require("react");
var _react2 = require("@emotion/react");
var _constants = require("../../common/constants");
var _skeleton = require("../PrimaryButton/skeleton");
/** @jsx jsx */

var primaryButtonSkeletonStyles = (0, _react2.css)({
  marginRight: _constants.gridSize * 1.5,
  marginLeft: _constants.gridSize * 1.5
});

// Internal only
// eslint-disable-next-line @repo/internal/react/require-jsdoc
var PrimaryItemsContainerSkeleton = function PrimaryItemsContainerSkeleton(_ref) {
  var count = _ref.count;
  return (0, _react2.jsx)(_react.Fragment, null, Array.from({
    length: count
  }, function (_, index) {
    return (0, _react2.jsx)(_skeleton.PrimaryButtonSkeleton, {
      key: index,
      css: primaryButtonSkeletonStyles
    });
  }));
};
exports.PrimaryItemsContainerSkeleton = PrimaryItemsContainerSkeleton;