const sliders = [
   {
      field: document.querySelectorAll(".services-slider"),
      parentWrapperForActions: ".services-block",
      options: {
         navigation: {
            clickable: true,
            prevEl: ".services-slider__btn-prev",
            nextEl: ".services-slider__btn-next",
         },
         pagination: {
            el: ".services-slider__pagination",
            clickable: true,
         },
         loop: false,
         slidesPerView: 1,
         spaceBetween: 10,

         breakpoints: {
            768: {
               slidesPerView: 2.3,
               spaceBetween: 20,
            },
            1024: {
               slidesPerView: 3.2,
               spaceBetween: 20,
            },
            1200: {
               slidesPerView: 4,
               spaceBetween: 20,
            },
         },
      },
   },
   {
      field: document.querySelectorAll(".awards-slider"),
      parentWrapperForActions: ".awards",
      options: {
         navigation: {
            clickable: true,
            prevEl: ".awards-slider__btn-prev",
            nextEl: ".awards-slider__btn-next",
         },
         pagination: {
            el: ".awards-slider__pagination",
            clickable: true,
         },
         loop: false,
         slidesPerView: 1,
         spaceBetween: 10,

         breakpoints: {
            768: {
               slidesPerView: 2.3,
               spaceBetween: 20,
            },
            1024: {
               slidesPerView: 3.1,
               spaceBetween: 20,
            },

            1400: {
               slidesPerView: 4,
               spaceBetween: 20,
            },
         },
      },
   },
];

export { sliders };
