{"size": 1239, "ext": "js", "max_stars_repo_path": "src/components/sunsetSlider.js", "max_stars_repo_name": "kaybee19/sunset-revamp", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/sunsetSlider.js", "max_issues_repo_name": "kaybee19/sunset-revamp", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/sunsetSlider.js", "max_forks_repo_name": "kaybee19/sunset-revamp", "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": 22.5272727273, "max_line_length": 103, "alphanum_fraction": 0.5028248588}
import React, { Component } from "react";
import Slider from "react-slick";
import { img1, img2, img3, img4, img5, img6, img7, img8, img9, img10, img11 } from '../images/carousel'

import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

export default class sunsetSlider extends Component {

  render() {

  	const images = [ img1, img2, img3, img4, img5, img6, img7, img8, img9, img10, img11 ]

    const settings = {
      className: "center",
      centerMode: true,
      infinite: true,
      centerPadding: "60px",
      slidesToShow: 5,
      speed: 500,
      arrows: false,
      responsive: [
        {
          breakpoint: 1400,
          settings: {
            slidesToShow: 3
          }
        },
        {
          breakpoint: 850,
          settings: {
            slidesToShow: 1
          }
        }
      ]
    };
    
    return (
      <div>
        <Slider {...settings}>
        {images.map((img, index) => (
        	<div key={index}>
        		<div className="carouselCont">
        			<div className="carouselItem">
        				<img src={img} alt="carousel1"/>
        			</div>
        		</div>
        	</div>
        ))
        }
       </Slider>
      </div>
    );
  }
}