@atlaskit/tile
Version:
A tile is a rounded square that takes an asset and represents a noun.
30 lines • 856 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(_ref) {
var color = _ref.color,
isShimmering = _ref.isShimmering,
shimmeringEndColor = _ref.shimmeringEndColor,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 'medium' : _ref$size,
testId = _ref.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 ? "".concat(testId, "--skeleton") : undefined
}));
}