require('./UserMessage.styles_1w3s1j.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var UserMessage_tokens = require('./UserMessage.tokens.js');
var common = require('../../../engines/common.js');
var Image = require('../../Image/Image.js');
var TextArea = require('../../TextArea/TextArea.js');
var File = require('../../File/File.js');

var mergedFileConfig = /*#__PURE__*/common.mergeConfig(File.fileConfig);
var FileComponent = /*#__PURE__*/common.component(mergedFileConfig);
var mergedImageConfig = /*#__PURE__*/common.mergeConfig(Image.imageConfig);
var ImageComponent = /*#__PURE__*/common.component(mergedImageConfig);
var mergedTextAreaConfig = /*#__PURE__*/common.mergeConfig(TextArea.textAreaConfig);
var TextAreaComponent = /*#__PURE__*/common.component(mergedTextAreaConfig);
var base = "b1wiojxv";
var FileContentWrapper = /*#__PURE__*/react.styled('div')({
  name: "FileContentWrapper",
  "class": "fz9r70l",
  propsAsIs: false
});
var _exp8 = function _exp8() {
  return FileComponent;
};
var FileUI = /*#__PURE__*/react.styled(_exp8())({
  name: "FileUI",
  "class": "fin6k8k",
  propsAsIs: true
});
var ImageWrapper = /*#__PURE__*/react.styled('div')({
  name: "ImageWrapper",
  "class": "ithkzey",
  propsAsIs: false
});
var _exp49 = function _exp49() {
  return function (_ref) {
    var isEditing = _ref.isEditing;
    return isEditing ? '100%' : 'fit-content';
  };
};
var _exp50 = function _exp50() {
  return function (_ref2) {
    var isEditing = _ref2.isEditing;
    return isEditing ? "var(".concat(UserMessage_tokens.tokens.attachmentMaxWidth, ")") : 'unset';
  };
};
var _exp52 = function _exp52() {
  return function (_ref3) {
    var isEditing = _ref3.isEditing;
    return isEditing ? "var(".concat(UserMessage_tokens.tokens.backgroundColorEditing, ")") : "var(".concat(UserMessage_tokens.tokens.backgroundColor, ")");
  };
};
var Bubble = /*#__PURE__*/react.styled('div')({
  name: "Bubble",
  "class": "b1lrzhym",
  propsAsIs: false,
  vars: {
    "b1lrzhym-0": [/*#__PURE__*/_exp49()],
    "b1lrzhym-1": [/*#__PURE__*/_exp50()],
    "b1lrzhym-2": [/*#__PURE__*/_exp52()]
  }
});
var TextContent = /*#__PURE__*/react.styled('div')({
  name: "TextContent",
  "class": "t11nh1l9",
  propsAsIs: false
});
var _exp62 = function _exp62() {
  return TextAreaComponent;
};
var TextAreaUI = /*#__PURE__*/react.styled(_exp62())({
  name: "TextAreaUI",
  "class": "t1bbylwo",
  propsAsIs: true
});
var _exp101 = function _exp101() {
  return function (_ref4) {
    var isEditing = _ref4.isEditing;
    return isEditing ? 0 : "var(".concat(UserMessage_tokens.tokens.actionsMarginTop, ")");
  };
};
var _exp102 = function _exp102() {
  return function (_ref5) {
    var isEditing = _ref5.isEditing;
    return isEditing ? "var(".concat(UserMessage_tokens.tokens.actionsEditingGap, ")") : "var(".concat(UserMessage_tokens.tokens.actionsGap, ")");
  };
};
var ActionsWrapper = /*#__PURE__*/react.styled('div')({
  name: "ActionsWrapper",
  "class": "a14a62iw",
  propsAsIs: false,
  vars: {
    "a14a62iw-0": [/*#__PURE__*/_exp101()],
    "a14a62iw-1": [/*#__PURE__*/_exp102()]
  }
});

exports.ActionsWrapper = ActionsWrapper;
exports.Bubble = Bubble;
exports.FileComponent = FileComponent;
exports.FileContentWrapper = FileContentWrapper;
exports.FileUI = FileUI;
exports.ImageComponent = ImageComponent;
exports.ImageWrapper = ImageWrapper;
exports.TextAreaComponent = TextAreaComponent;
exports.TextAreaUI = TextAreaUI;
exports.TextContent = TextContent;
exports.base = base;
