import domContentLoaded from 'dom-content-loaded';
import $ from 'jquery';
import 'slick-carousel';

export default () => {
  domContentLoaded(() => {
    // お知らせスライダー
    $('.js-carousel-news').slick({
      dots: true,
      infinite: true,
      slidesToShow: 3,
      slidesToScroll: 3,

      responsive: [
        {
          breakpoint: 768,
          settings: {
            centerMode: true,
            centerPadding: '40px',
            slidesToShow: 2,
          },
        },
        {
          breakpoint: 480,
          settings: {
            centerMode: true,
            centerPadding: '10px',
            slidesToShow: 1,
          },
        },
      ],
    });
  });
};
