UNPKG

@atlaskit/tile

Version:

A tile is a rounded square that takes an asset and represents a noun.

30 lines 856 B
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 })); }