@atlaskit/rovo-agent-components
Version:
This package host public components related to rovo agents, the components here are needed for other public atlaskit packages
42 lines • 1.95 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 } from '@atlaskit/primitives/compiled';
import Skeleton from '@atlaskit/skeleton';
import { AgentAvatarSkeleton } from '../agent-avatar/agent-avatar-skeleton';
var styles = {
skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o"
};
export var AgentMenuItemSkeleton = function AgentMenuItemSkeleton(_ref) {
var index = _ref.index,
_ref$containerHeight = _ref.containerHeight,
containerHeight = _ref$containerHeight === void 0 ? 32 : _ref$containerHeight,
_ref$skeletonTextHeig = _ref.skeletonTextHeight,
skeletonTextHeight = _ref$skeletonTextHeig === void 0 ? 16 : _ref$skeletonTextHeig,
_ref$skeletonTextWidt = _ref.skeletonTextWidth,
skeletonTextWidth = _ref$skeletonTextWidt === void 0 ? 170 : _ref$skeletonTextWidt,
_ref$skeletonAvatarSi = _ref.skeletonAvatarSize,
skeletonAvatarSize = _ref$skeletonAvatarSi === void 0 ? 'small' : _ref$skeletonAvatarSi,
_ref$paddingHorizonta = _ref.paddingHorizontal,
paddingHorizontal = _ref$paddingHorizonta === void 0 ? "var(--ds-space-075, 6px)" : _ref$paddingHorizonta;
return /*#__PURE__*/React.createElement(Box, {
key: "skeleton-container-".concat(index),
testId: "skeleton-container-".concat(index),
xcss: styles.skeletonContainer,
style: {
height: "".concat(containerHeight, "px"),
paddingLeft: paddingHorizontal,
paddingRight: paddingHorizontal
}
}, /*#__PURE__*/React.createElement(AgentAvatarSkeleton, {
size: skeletonAvatarSize,
isShimmering: true,
testId: "loading-agents-avatar-skeleton-".concat(index)
}), /*#__PURE__*/React.createElement(Skeleton, {
width: skeletonTextWidth,
height: skeletonTextHeight,
isShimmering: true,
testId: "loading-agents-text-skeleton-".concat(index)
}));
};