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,
            },
         },
      },
   },
   {
      field: document.querySelectorAll(".text-image-slider"),
      parentWrapperForActions: ".text-image",
      options: {
         pagination: {
            el: ".text-image-slider__pagination",
            clickable: true,
         },

         loop: true,
         // autoplay: {
         //    delay: 5000,
         // }
         slidesPerView: 1,
         spaceBetween: 10,
      },
   },
   {
      field: document.querySelectorAll(".case-gallery__slider"),
      parentWrapperForActions: ".case-gallery",
      options: {
         navigation: {
            clickable: true,
            prevEl: ".case-gallery__arrow.prev",
            nextEl: ".case-gallery__arrow.next",
         },
         pagination: {
            el: ".case-gallery__pagination",
            clickable: true,
         },

         slidesPerView: 1,
         spaceBetween: 10,
         initialSlide: 0,

         breakpoints: {
            768: {
               centeredSlides: true,
               slidesPerView: "auto",
               spaceBetween: 20,
               initialSlide: 1,
               watchSlidesProgress: true,
            },
         },
      },
   },
];

export { sliders };
