import { Settings } from 'react-slick';

import { BREAKPOINT_VALUES } from 'utils/theme';

const tabletMobileSettings: Settings = {
  slidesToShow: 1,
  slidesToScroll: 1,
  rows: 1,
  swipe: true
};

export const SliderConfig: Settings = {
  arrows: false,
  rows: 1,
  swipe: false,
  slidesToShow: 1,
  slidesToScroll: 1,
  adaptiveHeight: false,
  responsive: [
    {
      breakpoint: BREAKPOINT_VALUES.MEDIUM,
      settings: tabletMobileSettings
    },
    {
      breakpoint: BREAKPOINT_VALUES.SMALL,
      settings: tabletMobileSettings
    }
  ]
};