@helpscout/hsds-react/components/Message/Message.Chat.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.ChatBlockUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _MessageBubble = require("./Message.Bubble.css");

var _Message = _interopRequireDefault(require("./Message.ChatBlock"));

var _classNames = require("../../utilities/classNames");

var bem = (0, _classNames.BEM)('.c-MessageChat');
var MessageBubble = '.c-MessageBubble';
var ChatBlockUI = (0, _styledComponents.default)(_Message.default).withConfig({
  displayName: "MessageChatcss__ChatBlockUI",
  componentId: "sc-1qab6lr-0"
})(["display:block;margin:0 0 2px;&:last-child{margin-bottom:0;}& ~ ", "{", "{border-top-right-radius:", "px;}}&.is-from{& ~ ", "{", "{border-top-right-radius:", "px;}}&:last-child{", "{border-top-right-radius:", "px;border-bottom-left-radius:", "px;}}}"], bem.block, MessageBubble, _MessageBubble.config.borderRadius.sm, bem.block, MessageBubble, _MessageBubble.config.borderRadius.md, MessageBubble, _MessageBubble.config.borderRadius.md, _MessageBubble.config.borderRadius.md);
exports.ChatBlockUI = ChatBlockUI;