text: "use strict";
  Object.defineProperty(exports, "__esModule", { value: true });
  exports.chatMessageStylesComfy = void 0;
  var tslib_1 = require("tslib");
  var ChatMessage_1 = require("../../../../components/Chat/ChatMessage");
  var utils_1 = require("../../../../utils");
  var accessibilityStyles_1 = require("../../../../utils/accessibility/Styles/accessibilityStyles");
  /** ChatMessage styles specific for the default/comfy density. */
  exports.chatMessageStylesComfy = {
      root: function (_a) {
          var _b, _c, _d, _e;
          var p = _a.props, v = _a.variables;
          return (tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ marginLeft: p.mine ? v.offset : 0, marginRight: !p.mine ? v.offset : 0, maxWidth: "calc(100% - " + v.offset + ")", minWidth: v.offset, paddingLeft: v.padding, paddingRight: v.padding, paddingTop: utils_1.pxToRem(8), paddingBottom: utils_1.pxToRem(10), backgroundColor: p.mine ? v.backgroundColorMine : v.backgroundColor, border: v.border }, ((v.hasMention || v.isImportant) && (_b = {},
              _b["& ." + ChatMessage_1.chatMessageSlotClassNames.bar] = {
                  backgroundColor: v.hasMention ? v.hasMentionColor : v.isImportantColor,
                  position: 'absolute',
                  borderBottomLeftRadius: 'inherit',
                  borderTopLeftRadius: 'inherit',
                  height: '100%',
                  left: '0',
                  top: '0',
                  width: utils_1.pxToRem(3),
              },
              _b))), (p.attached === true && (_c = {},
              _c[p.mine ? 'borderTopRightRadius' : 'borderTopLeftRadius'] = 0,
              _c[p.mine ? 'borderBottomRightRadius' : 'borderBottomLeftRadius'] = 0,
              _c.paddingTop = utils_1.pxToRem(5),
              _c.paddingBottom = utils_1.pxToRem(7),
              _c))), (p.attached === 'top' && (_d = {},
              _d[p.mine ? 'borderBottomRightRadius' : 'borderBottomLeftRadius'] = 0,
              _d))), (p.attached === 'bottom' && (_e = {},
              _e[p.mine ? 'borderTopRightRadius' : 'borderTopLeftRadius'] = 0,
              _e.paddingTop = utils_1.pxToRem(5),
              _e.paddingBottom = utils_1.pxToRem(7),
              _e))));
      },
      author: function (_a) {
          var p = _a.props, v = _a.variables;
          return (tslib_1.__assign(tslib_1.__assign({}, ((p.mine || p.attached === 'bottom' || p.attached === true) && accessibilityStyles_1.screenReaderContainerStyles)), { color: v.authorColor, fontWeight: v.authorFontWeight, marginRight: v.authorMarginRight, marginBottom: v.headerMarginBottom }));
      },
      badge: function (_a) {
          var _b;
          var p = _a.props;
          return (_b = {},
              _b[p.badgePosition === 'start' ? 'left' : 'right'] = 0,
              _b.transform = p.badgePosition === 'start' ? 'translateX(-50%)' : 'translateX(50%)',
              _b.top = utils_1.pxToRem(4),
              _b.position = 'absolute',
              _b);
      },
      content: function (_a) {
          var p = _a.props;
          return (tslib_1.__assign({}, (p.hasBadge && p.badgePosition === 'end' && { marginRight: utils_1.pxToRem(4) })));
      },
      reactionGroup: function (_a) {
          var p = _a.props, v = _a.variables;
          return (tslib_1.__assign(tslib_1.__assign({ marginLeft: v.reactionGroupMarginLeft }, (p.hasBadge && p.badgePosition === 'end' && { marginRight: utils_1.pxToRem(2) })), { float: 'right' }));
      },
      timestamp: function (_a) {
          var p = _a.props, v = _a.variables;
          return (tslib_1.__assign(tslib_1.__assign({ marginBottom: v.headerMarginBottom }, (p.mine && { color: v.timestampColorMine })), ((p.attached === 'bottom' || p.attached === true) &&
              !p.hasReactionGroup &&
              accessibilityStyles_1.screenReaderContainerStyles)));
      },
  };
  