@risecx/carespace-chat-ui/lib/components/Messages/Carousel/Carousel.js

carespace-chat-ui React component

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

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

var _reactSlick = _interopRequireDefault(require("react-slick"));

var _Card = _interopRequireDefault(require("../Card"));

require("slick-carousel/slick/slick.css");

require("slick-carousel/slick/slick-theme.css");

require("./carousel.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Carousel = function Carousel(props) {
  var settings = {
    dots: false,
    infinite: false,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1
  };
  var elements = props.data.elements;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "sc-message--carousel"
  }, /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], settings, elements.map(function (element, index) {
    return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
      key: index,
      data: element,
      onPostBack: props.onPostBack
    });
  })));
};

var _default = Carousel;
exports["default"] = _default;
module.exports = exports.default;