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