react-slide-deck-windowsfixed/src/slide.js

react slide deck, carousel, page scroll, swipe

import React, { Component } from 'react';
import cx from 'classnames';
import styles from './style.scss';

class Slide extends Component {
  render() {
    const {
      component = 'div', current, before, prev, after, done,
      classes = {},
      ...props
    } = this.props;
    props.className = cx({
      [styles.currentSlide]: current && done,
      [styles.slideBefore]: before,
      [styles.slideAfter]: after,

      // custom classes
      [classes.current]: classes.current && current && done,
      [classes.entering]: classes.entering && current && !done,
      [classes.prev]: classes.prev && prev && done,
      [classes.leaving]: classes.leaving && prev && !done,
      [classes.before]: classes.before && before,
      [classes.after]: classes.after && after,
    }, styles.slide, props.className);
    return React.createElement(component, props);
  }
}

export default Slide;