@atlaskit/profilecard
Version:
A React component to display a card with user information.
29 lines • 1.25 kB
JavaScript
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
import "./index.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { Box, Stack } from '@atlaskit/primitives/compiled';
import { LinkedContainerCardSkeleton } from './linked-container-card-skeleton';
var styles = {
showMoreButtonSkeleton: "_2rko1tm3 _1rjc1b66 _1bsbvbgk",
containerSkeletonWrapper: "_bozgpxbi _y4tipxbi"
};
export var TeamContainersSkeleton = function TeamContainersSkeleton(_ref) {
var numberOfContainers = _ref.numberOfContainers;
return /*#__PURE__*/React.createElement(Box, {
xcss: styles.containerSkeletonWrapper
}, /*#__PURE__*/React.createElement(Stack, {
space: "space.200",
testId: "profile-card-team-containers-skeleton"
}, /*#__PURE__*/React.createElement(Stack, {
space: "space.100"
}, _toConsumableArray(Array(numberOfContainers)).map(function (_, index) {
return /*#__PURE__*/React.createElement(LinkedContainerCardSkeleton, {
key: index
});
})), /*#__PURE__*/React.createElement(Box, {
backgroundColor: "color.background.neutral",
xcss: styles.showMoreButtonSkeleton
})));
};