import BaseAvatar from 'sentry/components/avatar/baseAvatar';
import PluginIcon from 'sentry/plugins/components/pluginIcon';
import {DocIntegration} from 'sentry/types';

type Props = {
  docIntegration?: DocIntegration;
} & BaseAvatar['props'];

const DocIntegrationAvatar = ({docIntegration, ...props}: Props) => {
  if (!docIntegration?.avatar) {
    return <PluginIcon {...props} pluginId={docIntegration?.slug} />;
  }
  return (
    <BaseAvatar
      {...props}
      type="upload"
      uploadPath="doc-integration-avatar"
      uploadId={docIntegration.avatar.avatarUuid}
      title={docIntegration.name}
    />
  );
};

export default DocIntegrationAvatar;