//info: Background animation component to animate the background of loginpage
import { useEffect } from "react";

/**
 * Renders a background animation component.
 * This component pre-loads images and starts a background transition animation.
 */
const BackgroundAnimation = (): JSX.Element => {
  useEffect(() => {
    const images = [
      "src/assets/1.jpg",
      "src/assets/2.jpg",
      "src/assets/3.jpg",
      "src/assets/4.jpg",
    ];

    // Pre-load images
    for (const i of images) {
      console.log(i);
    }

    // Start animation
    document.body.style.animation = "backgroundTransition 30s infinite";
  }, []);

  return <></>;
};

export default BackgroundAnimation;
