"use client";

import { useEffect, type ReactNode } from "react";

import Lenis from "lenis";

export function SmoothScroll({ children }: { children: ReactNode }) {

  useEffect(() => {

    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;

    const lenis = new Lenis({ duration: 1.1, smoothWheel: true });

    (window as unknown as { __lenis?: Lenis }).__lenis = lenis;

    let raf = 0;

    const loop = (t: number) => {

      lenis.raf(t);

      raf = requestAnimationFrame(loop);

    };

    raf = requestAnimationFrame(loop);

    return () => {

      cancelAnimationFrame(raf);

      lenis.destroy();

    };

  }, []);

  return <>{children}</>;

}