cozy-search/dist/components/Messages/UserMessage.js

UI components about search bar and IA assistant

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = require("@assistant-ui/react");

var _classnames = _interopRequireDefault(require("classnames"));

var _react2 = _interopRequireDefault(require("react"));

var _Box = _interopRequireDefault(require("cozy-ui/transpiled/react/Box"));

var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));

var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");

var styles = {
  "cozyThread-user-messages": "styles__cozyThread-user-messages___3Hfj-",
  "cozyThread-user-messages--light": "styles__cozyThread-user-messages--light___1jBny",
  "cozyThread-user-messages--dark": "styles__cozyThread-user-messages--dark___1Om3B"
};

var UserMessage = function UserMessage() {
  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
      theme = _useCozyTheme.type;

  return /*#__PURE__*/_react2.default.createElement(_react.MessagePrimitive.Root, {
    className: "u-mt-1"
  }, /*#__PURE__*/_react2.default.createElement(_Box.default, {
    display: "block",
    border: 0,
    borderRadius: 10,
    padding: 0.5,
    className: (0, _classnames.default)('u-ml-auto', styles['cozyThread-user-messages'], styles["cozyThread-user-messages--".concat(theme)])
  }, /*#__PURE__*/_react2.default.createElement(_react.MessagePrimitive.Parts, {
    components: {
      Text: function Text(_ref) {
        var text = _ref.text;
        return /*#__PURE__*/_react2.default.createElement(_Typography.default, null, text);
      }
    }
  })));
};

var _default = UserMessage;
exports.default = _default;