@atlaskit/tile
Version:
A tile is a rounded square that takes an asset and represents a noun.
30 lines • 697 B
JavaScript
import React from 'react';
import Skeleton from '@atlaskit/skeleton';
import Tile from './tile';
/**
* __Tile Skeleton__
*
* A tile skeleton is the loading state for the tile component.
*
*/
export default function TileSkeleton({
color,
isShimmering,
shimmeringEndColor,
size = 'medium',
testId
}) {
return /*#__PURE__*/React.createElement(Tile, {
label: "",
size: size,
testId: testId,
backgroundColor: "transparent"
}, /*#__PURE__*/React.createElement(Skeleton, {
color: color,
isShimmering: isShimmering,
ShimmeringEndColor: shimmeringEndColor,
width: '100%',
height: '100%',
testId: testId ? `${testId}--skeleton` : undefined
}));
}