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

  render() {
    let {
      src,
      name,
      size,
      onClick,
      title,
      state,
      dataId,
      initial,
      shape,
      needTitle,
      className,
      needBorder,
      palette,
      textPalette,
      customTextClass,
      statusTitle,
      customProps,
      dataSelectorId,
      needDefaultBorder
    } = this.props;
    let {
      AvatarStatusProps = {},
      AvatarProps = {}
    } = customProps;
    return /*#__PURE__*/React.createElement("div", {
      className: `${style.container} ${className} `,
      ...AvatarStatusProps,
      "aria-label": `${title}, ${name}, ${statusTitle}`,
      "data-selector-id": dataSelectorId
    }, /*#__PURE__*/React.createElement(Avatar, {
      src: src,
      name: name,
      palette: palette,
      textPalette: textPalette,
      customClass: customTextClass,
      title: title,
      onClick: onClick,
      size: size,
      dataId: dataId,
      initial: initial,
      shape: shape,
      needTitle: needTitle,
      needDefaultBorder: needDefaultBorder,
      needBorder: needBorder,
      ...AvatarProps
    }), /*#__PURE__*/React.createElement("span", {
      "data-title": statusTitle,
      className: `${style.state} ${style[state]} ${style[size]} ${style[shape]}`
    }));
  }

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