"use client";

import { useScrollAnimate } from "@/hooks/use-scroll-animate";

interface ScrollSectionProps {
  children: React.ReactNode;
  className?: string;
  delay?: number;
}

export function ScrollSection({
  children,
  className = "",
  delay,
}: ScrollSectionProps) {
  const ref = useScrollAnimate<HTMLDivElement>();

  return (
    <div
      ref={ref}
      data-animate="hidden"
      data-animate-delay={delay}
      className={className}
    >
      {children}
    </div>
  );
}