component-slider/src/components/ComponentsSlider/Slide.js

used to show react components in carousal format

import React, { PropTypes } from 'react';

/**
 *
 * @param sliderLength
 * @param s
 * @param children
 * @returns {XML}
 * @constructor
 */
const Slide = ({ sliderLength, classNames: s, children }) => {
  const sliderItemWidth = 100 / sliderLength;
  const slideStyle = {
    width: `${sliderItemWidth}%`
  };
  return (

    <div className={s.slide} style={slideStyle}>
      <div className={s['image-container']}>
        {children}
      </div>
    </div>
  );
};

Slide.propTypes = {
  sliderLength: PropTypes.number,
  classNames: PropTypes.object,
  children: PropTypes.object
};

export default Slide;