import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
var ChatContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: fit-content;\n"])));
var ChatBoxWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 14px 24px;\n  background: ", ";\n  margin-bottom: 14px;\n  margin-top: 28px;\n  border-radius: 4px;\n"])), function (props) {
  return props.color;
});
var ChatBoxTextWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 354px;\n  height: 25px;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: 24px;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.fontWorkSansRegular;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.fontSize14;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourTextPrimary;
});
var ChatBoxSubTextWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontWorkSansRegular;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.fontSize_10;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourTextSecondary;
});
var ChatBoxSubTextUsernameWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: 500px;\n  margin-right: 5px;\n"])), function (_ref7) {
  var theme = _ref7.theme;
  return theme.colourTextPrimary;
});

export { ChatBoxSubTextUsernameWrapper, ChatBoxSubTextWrapper, ChatBoxTextWrapper, ChatBoxWrapper, ChatContainer };
//# sourceMappingURL=style.js.map
