{"size": 755, "ext": "js", "max_stars_repo_path": "src/components/slider.js", "max_stars_repo_name": "yuhao-nyc/sample-page", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/slider.js", "max_issues_repo_name": "yuhao-nyc/sample-page", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/slider.js", "max_forks_repo_name": "yuhao-nyc/sample-page", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.59375, "max_line_length": 71, "alphanum_fraction": 0.5377483444}
import React, { Component } from 'react';
import Slider from 'react-slick';

export default class SliderComponent extends Component {
  render() {
    var settings = {
      dots: true,
      infinite: true,
      speed: 1250,
      autoplay: true,
      autoplaySpeed: 5000,
      slidesToShow: 1,
      slidesToScroll: 1,
      className: 'sliders',
      touchMove: true
    };
    return (
      <Slider {...settings}>
        <div>
          <img className="img-fluid" src="../style/img/landing1.png" />
        </div>
        <div>
          <img className="img-fluid" src="../style/img/landing2.png" />
        </div>
        <div>
          <img className="img-fluid" src="../style/img/landing3.png" />
        </div>
      </Slider>
    );
  }
}
