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

Wulper Studio Library Components CMS

import _extends from "@babel/runtime/helpers/esm/extends";
/* eslint-disable no-shadow */
import { Avatar as MUIAvatar, styled } from '@mui/material';
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 || {});
export var CustomAvatar = styled(MUIAvatar, {
  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': _extends({
      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
      }
    })
  };
});