/**
 * @jsxRuntime classic
 * @jsx jsx
 */

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
import { jsx } from '@emotion/react';
import Spinner from '@atlaskit/spinner';
import { ICON_SIZE_THRESOLD } from './constants';
import { Frame } from './frame';
export const InlineImageCardLoadingView = ({
  testId = 'media-inline-image-card-loading-view',
  height = ICON_SIZE_THRESOLD
}) => {
  return jsx(Frame, {
    testId: testId
  }, jsx(Spinner, {
    size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
    interactionName: "media-inline-spinner"
  }));
};