framework-entersol-web/src/js/containers/slide-container.jsx

Framework based on bootstrap 5

import React from "react";
import { Splide, SplideSlide } from '@splidejs/react-splide';

import Component from "../component";

export default class SlideContainer extends Component {

  static jsClass = 'SlideContainer';
  static defaultProps = {
    ...Component.defaultProps,
    slider: {
      options: {
        rewind: true
      }
    }
  }

  content(children = this.props.children) {
    const attrs = this.props.slider;
    return <Splide {...attrs}>
      {children.map((c, i) => <SplideSlide key={i}>{c}</SplideSlide>)}
    </Splide>;
  }

}