@wulperstudio/cms/node/components/AvatarV2/styled.js

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CustomAvatar = void 0;
var _material = require("@mui/material");
/* eslint-disable no-shadow */
var SizeAvatar = /*#__PURE__*/function (SizeAvatar) {
  SizeAvatar[SizeAvatar["xsmall"] = 28] = "xsmall";
  SizeAvatar[SizeAvatar["small"] = 32] = "small";
  SizeAvatar[SizeAvatar["medium"] = 40] = "medium";
  SizeAvatar[SizeAvatar["large"] = 48] = "large";
  SizeAvatar[SizeAvatar["xlarge"] = 56] = "xlarge";
  return SizeAvatar;
}(SizeAvatar || {});
var CustomAvatar = exports.CustomAvatar = (0, _material.styled)(_material.Avatar, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor' && prop !== 'size' && prop !== 'active' && prop !== 'disabledHover' && prop !== 'borderColor';
  }
})(function (_ref) {
  var _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'small' : _ref$size,
    backgroundColor = _ref.backgroundColor,
    active = _ref.active,
    borderColor = _ref.borderColor,
    disabledHover = _ref.disabledHover,
    theme = _ref.theme;
  return {
    backgroundColor: backgroundColor || '#eef1ff',
    '&.MuiAvatar-root': Object.assign({
      width: SizeAvatar[size],
      height: SizeAvatar[size],
      border: active ? '2px solid' : 'none',
      borderColor: active ? borderColor || theme.palette.primary.main : 'transparent'
    }, !disabledHover && {
      '&:hover': {
        borderColor: theme.palette.primary.main
      }
    })
  };
});