import { gsap } from 'gsap';
import ScrollTrigger from 'gsap/ScrollTrigger';

import { accordion } from './modules/accordions';
import { sliderAuto } from './modules/sliderAuto';
import { sliderHorizontal } from './modules/sliderHorizontal';
import { sliderStacked } from './modules/sliderStacked';

window.Webflow ||= [];
window.Webflow.push(() => {
  gsap.registerPlugin(ScrollTrigger);

  // Nav button
  const navScroll = gsap.timeline({
    scrollTrigger: {
      trigger: '.toc',
      start: 'top top',
      toggleActions: 'play none none reverse',
    },
  });

  navScroll
    .set('.toc-btn, .toc-brand', { autoAlpha: 1 })
    .from('.toc-btn, .toc-brand', { opacity: 0, duration: 0.5, ease: 'power1.in' });

  //Splide sliders
  sliderAuto();
  sliderHorizontal();
  sliderStacked();

  //Accordion
  accordion();
});