"use client";
import React, { useEffect } from "react";
import AOS from "aos";

import "aos/dist/aos.css";

const AosProvider = ({ children }: { children: React.ReactNode }) => {
  useEffect(() => {
    AOS.init({
      duration: 1000,
      easing: "ease-in-out",
      once: true, // Ensures animations run only once for better performance
      // offset: 0  // Offset for triggering the animation,
      // disable: "mobile", // Disables on mobile for better performance
    });
  }, []);

  return <>{children}</>;
};

export default AosProvider;