@zohodesk/dot/es/avatar/AvatarClose/AvatarClose.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 "./AvatarClose.module.css";
export default class AvatarClose extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    let {
      title,
      src,
      name,
      size,
      isClose,
      onClick,
      customProps,
      dataSelectorId,
      dataId
    } = this.props;
    let {
      AvatarCloseProps = {},
      AvatarProps = {}
    } = customProps;
    return /*#__PURE__*/React.createElement("div", {
      className: style.container,
      "data-selector-id": dataSelectorId,
      "data-id": dataId,
      "data-test-id": dataId,
      ...AvatarCloseProps
    }, /*#__PURE__*/React.createElement(Avatar, {
      src: src,
      name: name,
      title: title,
      size: size,
      ...AvatarProps
    }), isClose && /*#__PURE__*/React.createElement("span", {
      className: style.pop,
      onClick: onClick,
      "data-id": `${dataId}_close`,
      "data-test-id": `${dataId}_close`
    }, /*#__PURE__*/React.createElement("span", {
      className: style.icon
    }, /*#__PURE__*/React.createElement(Icon, {
      name: "ZD-plus"
    }))));
  }

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