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

carespace-chat-ui React component

import React from "react";
import Slider from "react-slick";
import Card from "../Card";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import "./carousel.css";

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.createElement("div", {
    className: "sc-message--carousel"
  }, /*#__PURE__*/React.createElement(Slider, settings, elements.map(function (element, index) {
    return /*#__PURE__*/React.createElement(Card, {
      key: index,
      data: element,
      onPostBack: props.onPostBack
    });
  })));
};

export default Carousel;