@razorpay/blade/build/lib/web/production/components/Avatar/StyledAvatarGroup.js

The Design System that powers Razorpay

import _defineProperty from '@babel/runtime/helpers/defineProperty';
import styled from 'styled-components';
import { avatarSizeTokens } from './avatarTokens.js';
import '../Box/BaseBox/index.js';
import '../../utils/index.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';

var StyledAvatarGroup = /*#__PURE__*/styled(BaseBox).withConfig({
  displayName: "StyledAvatarGroup",
  componentId: "sc-1fkrhuq-0"
})(function (_ref) {
  var size = _ref.size;
  return _defineProperty({
    display: 'inline-flex',
    flexDirection: 'row'
  }, "> *:not(:first-child)", {
    marginLeft: "-".concat(makeSize(avatarSizeTokens[size] / 2)),
    zIndex: 2
  });
});

export { StyledAvatarGroup };
//# sourceMappingURL=StyledAvatarGroup.js.map