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  responsive: [
21    {
22      breakpoint: 600,
23      settings: {
24        slidesToScroll: 1,
25        slidesToShow: 1,
26        arrows: false,
27      },
28    },
29    {
30      breakpoint: 960,
31      settings: {
32        slidesToScroll: 2,
33        slidesToShow: 2,
34        arrows: false,
35      },
36    },
37    {
38      breakpoint: 1280,
39      settings: {
40        slidesToScroll: 3,
41        slidesToShow: 3,
42      },
43    },
44    {
45      breakpoint: 1920,
46      settings: {
47        slidesToScroll: 4,
48        slidesToShow: 4,
49      },
50    },
51  ],
52};
53
54export default sliderSettings;