@activecollab/components/dist/cjs/components/MultiAvatar/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledMultiAvatarInner = exports.StyledMultiAvatar = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _BoxSizingStyle = require("../BoxSizingStyle");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var StyledMultiAvatarImg = (0, _styledComponents.css)(["width:inherit;height:inherit;"]);
var StyledMultiAvatarInner = exports.StyledMultiAvatarInner = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledMultiAvatarInner",
  componentId: "sc-k6nldn-0"
})(["overflow:hidden;position:absolute;display:inline-flex;"]);
var StyledMultiAvatar = exports.StyledMultiAvatar = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledMultiAvatar",
  componentId: "sc-k6nldn-1"
})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
  return props.$urlCount === 2 && (0, _styledComponents.css)(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner);
}, function (props) {
  return props.$urlCount === 3 && (0, _styledComponents.css)(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg);
}, function (props) {
  return props.$urlCount > 3 && (0, _styledComponents.css)(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner);
});
StyledMultiAvatar.displayName = "StyledMultiAvatar";
StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
//# sourceMappingURL=Styles.js.map