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

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AvatarGroup = void 0;
var _material = require("@mui/material");
/* eslint-disable no-shadow */
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 || {});
var AvatarGroup = exports.AvatarGroup = (0, _material.styled)(_material.AvatarGroup)(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'
      }
    }
  };
});