@atlaskit/rovo-agent-components/dist/es2019/ui/agent-avatar/agent-avatar-skeleton/index.js

This package host public components related to rovo agents, the components here are needed for other public atlaskit packages

/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { AVATAR_SIZES } from '@atlaskit/avatar';
import { Box } from '@atlaskit/primitives/compiled';
import Skeleton from '@atlaskit/skeleton';
import { AGENT_AVATAR_CLIP_PATH } from '../index';
/**
 * Skeleton wrapper with hexagon clip-path to match the AgentAvatar component shape.
 * Uses the same clip-path as AgentAvatar to provide a consistent loading experience.
 */
export const AgentAvatarSkeleton = ({
  size = 'medium',
  isShimmering = true,
  color,
  shimmeringEndColor,
  testId
}) => {
  return /*#__PURE__*/React.createElement(Box, {
    style: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values
      width: AVATAR_SIZES[size],
      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values
      height: AVATAR_SIZES[size],
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-unsafe-values
      clipPath: AGENT_AVATAR_CLIP_PATH
    },
    testId: testId ? `${testId}-wrapper` : 'agent-avatar-skeleton-wrapper'
  }, /*#__PURE__*/React.createElement(Skeleton, {
    width: "100%",
    height: "100%",
    borderRadius: 0,
    isShimmering: isShimmering,
    color: color,
    ShimmeringEndColor: shimmeringEndColor,
    testId: testId !== null && testId !== void 0 ? testId : 'agent-avatar-skeleton'
  }));
};