@zohodesk/components/es/v1/AvatarTeam/AvatarTeam.js

In this Package, we Provide Some Basic Components to Build Web App

import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import Avatar from "../Avatar/Avatar";
import style from "../../AvatarTeam/AvatarTeam.module.css";
/* once avatar support firstname lastname and pattern
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props

Not going to export to external then can kept inside supportapp
*/

export default function AvatarTeam(props) {
  const {
    src,
    name,
    size,
    palette,
    textPalette,
    onClick,
    title,
    isFilled,
    dataId,
    needTitle,
    customClass,
    borderOnActive,
    borderOnHover,
    dataSelectorId,
    customProps,
    needInnerBorder,
    needBorder,
    needDefaultBorder
  } = props;
  const {
    AvatarTeamProps = {},
    AvatarProps = {}
  } = customProps;
  const {
    customAvatar = '',
    customAvatarTeam = ''
  } = customClass;
  const border = borderOnHover || onClick;
  return /*#__PURE__*/React.createElement("span", {
    className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} `,
    "data-id": dataId,
    "data-test-id": dataId,
    "data-selector-id": dataSelectorId,
    ...AvatarTeamProps
  }, /*#__PURE__*/React.createElement(Avatar, {
    name: name,
    onClick: onClick,
    palette: palette,
    textPalette: textPalette,
    size: size,
    src: src,
    title: title,
    needTitle: needTitle,
    customClass: customAvatar,
    borderOnActive: borderOnActive,
    borderOnHover: border,
    needInnerBorder: needInnerBorder,
    needBorder: needBorder,
    needDefaultBorder: needDefaultBorder,
    ...AvatarProps
  }), /*#__PURE__*/React.createElement("span", {
    className: `${style.team} ${isFilled ? `${style[`${palette}Filled`]}` : style.nofill}
          ${style[`${size}team`]} ${customAvatarTeam}`
  }));
}
AvatarTeam.defaultProps = defaultProps;
AvatarTeam.propTypes = propTypes;