@atlaskit/mention/dist/es2019/components/MentionAvatar/index.js

A React component used to display user profiles in a list for 'Mention' functionality

import React from 'react';
import Avatar from '@atlaskit/avatar';
import TeamAvatar from '@atlaskit/teams-avatar';
import { isTeamMention } from '../../types';
export const MentionAvatar = ({
  mention,
  selected
}) => {
  const {
    avatarUrl,
    presence
  } = mention;
  const borderColor = selected ? "var(--ds-border, #091E4224)" : undefined;
  const {
    status
  } = presence || {};
  if (isTeamMention(mention)) {
    return /*#__PURE__*/React.createElement(TeamAvatar, {
      src: avatarUrl,
      size: "medium",
      borderColor: borderColor
    });
  }
  return /*#__PURE__*/React.createElement(Avatar, {
    src: avatarUrl,
    size: "medium",
    presence: status,
    borderColor: borderColor
  });
};