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(".logos-slider"),
   //    parentWrapperForActions: ".logos",
   //    options: {
   //       loop: true,
   //       spaceBetween: 60,
   //       slidesPerView: "auto",

   //       freeMode: true,
   //       freeModeMomentum: false,
   //    },
   // },
];

export { sliders };
