"use client";

import type { ReactNode } from "react";
import { FadeUp } from "./Motion";

export function AnimatedSection({
  children,
  className,
  delay = 0,
  immediate = false,
}: {
  children: ReactNode;
  className?: string;
  delay?: number;
  immediate?: boolean;
}) {
  return (
    <FadeUp as="section" className={className} delay={delay} immediate={immediate}>
      {children}
    </FadeUp>
  );
}

export function AnimatedDiv({
  children,
  className,
  delay = 0,
  variant = "fadeUp" as const,
  immediate = false,
}: {
  children: ReactNode;
  className?: string;
  delay?: number;
  variant?: "fadeUp" | "fadeIn" | "scaleIn" | "slideLeft" | "slideRight";
  immediate?: boolean;
}) {
  return (
    <FadeUp className={className} delay={delay} variant={variant} immediate={immediate}>
      {children}
    </FadeUp>
  );
}