@wulperstudio/cms/modern/components/GroupAvatarsOutput/styled.js

Wulper Studio Library Components CMS

/* eslint-disable no-shadow */
import { AvatarGroup as MUIAvatarGroup, styled } from '@mui/material';
var PositionAvatars = /*#__PURE__*/function (PositionAvatars) {
  PositionAvatars["start"] = "flex-end";
  PositionAvatars["end"] = "flex-start";
  return PositionAvatars;
}(PositionAvatars || {});
var SizeAvatar = /*#__PURE__*/function (SizeAvatar) {
  SizeAvatar[SizeAvatar["small"] = 32] = "small";
  SizeAvatar[SizeAvatar["medium"] = 40] = "medium";
  SizeAvatar[SizeAvatar["large"] = 48] = "large";
  return SizeAvatar;
}(SizeAvatar || {});
export var AvatarGroup = styled(MUIAvatarGroup)(function (_ref) {
  var _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'small' : _ref$size,
    _ref$position = _ref.position,
    position = _ref$position === void 0 ? 'start' : _ref$position;
  return {
    justifyContent: PositionAvatars[position],
    '> *': {
      '&:first-of-type': {
        backgroundColor: '#eef1ff',
        border: '3px solid #eef1ff',
        fontSize: '14px',
        fontWeight: 600,
        width: SizeAvatar[size],
        height: SizeAvatar[size],
        color: '#3a3892'
      }
    }
  };
});