@zohodesk/dot/es/avatar/AvatarCollision/AvatarCollision.js

In this Library, we Provide Some Basic Components to Build Your Application

import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import Avatar from '@zohodesk/components/es/Avatar/Avatar';
import { Icon } from '@zohodesk/icons';
import style from "./AvatarCollision.module.css";
export default class AvatarCollision extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    let {
      title,
      src,
      name,
      size,
      onClick,
      needCreateChat,
      isLeft,
      isIdle,
      initial,
      customProps,
      dataSelectorId
    } = this.props;
    let {
      AvatarCollisionProps = {},
      AvatarProps = {}
    } = customProps;
    return /*#__PURE__*/React.createElement("div", {
      className: `${style.container} ${isLeft ? style.off : isIdle ? style.idle : style.on}`,
      onClick: onClick,
      "data-id": "collsionPop",
      "data-test-id": "collsionPop",
      "data-title": title,
      "data-selector-id": dataSelectorId,
      ...AvatarCollisionProps
    }, /*#__PURE__*/React.createElement(Avatar, {
      src: src,
      name: name,
      size: size,
      palette: "default",
      needTitle: false,
      initial: initial,
      ...AvatarProps
    }), needCreateChat && !isLeft && /*#__PURE__*/React.createElement("span", {
      className: style.pop,
      "data-title": title
    }, /*#__PURE__*/React.createElement("span", {
      className: style.icon
    }, /*#__PURE__*/React.createElement(Icon, {
      name: "ZD-livechat3"
    }))));
  }

}
AvatarCollision.propTypes = propTypes;
AvatarCollision.defaultProps = defaultProps; // if (__DOCS__) {
//   AvatarCollision.docs = {
//     componentGroup: 'Avatar Group'
//   };
// }