@risecx/carespace-chat-ui/es/components/Messages/Card/CardMessage.js

carespace-chat-ui React component

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from "react";
import Button from "../../Button";
import "./card.css";

var CardMessage = function CardMessage(props) {
  var _props$data = props.data,
      image_url = _props$data.image_url,
      title = _props$data.title,
      subtitle = _props$data.subtitle,
      _props$data$buttons = _props$data.buttons,
      buttons = _props$data$buttons === void 0 ? [] : _props$data$buttons;
  return /*#__PURE__*/React.createElement("div", {
    className: "card-container-out"
  }, /*#__PURE__*/React.createElement("div", {
    className: "card sc-message--card"
  }, !!image_url && /*#__PURE__*/React.createElement("img", {
    src: image_url,
    alt: "Avatar",
    style: {
      width: "100%"
    }
  }), /*#__PURE__*/React.createElement("div", {
    className: "container"
  }, /*#__PURE__*/React.createElement("h4", null, title), /*#__PURE__*/React.createElement("p", null, subtitle)), /*#__PURE__*/React.createElement("div", {
    className: "buttons"
  }, buttons.map(function (button, index) {
    return /*#__PURE__*/React.createElement(Button, _extends({
      key: index
    }, button, {
      onClick: function onClick() {
        return props.onPostBack(button);
      }
    }));
  }))));
};

export default CardMessage;