1import CustomArrow from './CustomArrow';
 2import Dots from './Dots';
 3
 4const sliderSettings = {
 5  accessibility: true,
 6  dots: true,
 7  appendDots: dots => <Dots>{dots}</Dots>,
 8  nextArrow: <CustomArrow right={0} />,
 9  prevArrow: <CustomArrow left={0} />,
10  arrows: true,
11  infinite: false,
12  speed: 500,
13  initialSlide: 0,
14  lazyLoad: true,
15  draggable: true,
16  swipeToSlide: false,
17  swipe: true,
18  slidesToScroll: 5,
19  slidesToShow: 5,
20  autoPlay: false,
21  responsive: [
22    {
23      breakpoint: 720,
24      settings: {
25        slidesToScroll: 1,
26        slidesToShow: 1,
27        arrows: false,
28      },
29    },
30    {
31      breakpoint: 960,
32      settings: {
33        slidesToScroll: 2,
34        slidesToShow: 2,
35        arrows: false,
36      },
37    },
38    {
39      breakpoint: 1280,
40      settings: {
41        slidesToScroll: 2,
42        slidesToShow: 2,
43      },
44    },
45    {
46      breakpoint: 1920,
47      settings: {
48        slidesToScroll: 3,
49        slidesToShow: 3,
50      },
51    },
52  ],
53};
54
55export default sliderSettings;