@atlaskit/profilecard
Version:
A React component to display a card with user information.
27 lines • 1.07 kB
JavaScript
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
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';
const styles = {
showMoreButtonSkeleton: "_2rko1tm3 _1rjc1b66 _1bsbvbgk",
containerSkeletonWrapper: "_bozgpxbi _y4tipxbi"
};
export const TeamContainersSkeleton = ({
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"
}, [...Array(numberOfContainers)].map((_, index) => /*#__PURE__*/React.createElement(LinkedContainerCardSkeleton, {
key: index
}))), /*#__PURE__*/React.createElement(Box, {
backgroundColor: "color.background.neutral",
xcss: styles.showMoreButtonSkeleton
})));
};