import type { ReactNode } from "react";

type Animation = "fade-up" | "fade-down" | "fade-right" | "fade-left" | "zoom-in" | "zoom-out" | "flip-up";

export function Reveal({
  children,
  delay = 0,
  className = "",
  animation = "fade-up",
}: {
  children: ReactNode;
  delay?: number;
  className?: string;
  animation?: Animation;
}) {
  return (
    <div className={className} data-aos={animation} data-aos-delay={delay} data-aos-duration={800}>
      {children}
    </div>
  );
}