@wulperstudio/cms/node/components/Avatar/Avatar.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _utils = require("./utils");
var _jsxRuntime = require("react/jsx-runtime");
var Avatar = function Avatar(props) {
  var StyledBadge = (0, _material.styled)(_material.Badge)(function () {
    return {
      '& span': {
        height: '15px',
        minWidth: '15px'
      }
    };
  });
  if (!props.isImage) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
      color: "secondary",
      invisible: props.invisibleBadge,
      badgeContent: props.badgeContent,
      showZero: props.showZero,
      variant: "dot",
      anchorOrigin: {
        vertical: 'bottom',
        horizontal: 'right'
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CustomAvatar, Object.assign({}, (0, _utils.stringAvatar)(props.text), props.avatarProps, {
        minHeight: props.minHeight,
        minWidth: props.minWidth
      }))
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
    color: "secondary",
    invisible: props.invisibleBadge,
    badgeContent: props.badgeContent,
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'right'
    },
    showZero: props.showZero,
    overlap: "circular",
    variant: "standard",
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CustomAvatar, Object.assign({
      src: props.urlImg
    }, props.avatarProps, {
      minHeight: props.minHeight,
      minWidth: props.minWidth
    }))
  });
};
var _default = exports["default"] = Avatar;