import React from 'react';
import type { ParallaxSectionProps } from './ParallaxSection.types';
/**
 * ParallaxSection
 *
 * A scroll-driven parallax wrapper that translates its children at a configurable
 * rate relative to normal scroll, creating depth and visual interest.
 *
 * Uses `transform: translate3d` for GPU-accelerated, jank-free animation.
 *
 * @example
 * ```tsx
 * <ParallaxSection speed={0.3}>
 *   <img src="/hero-bg.jpg" alt="" className="w-full h-[600px] object-cover" />
 * </ParallaxSection>
 * ```
 *
 * @example
 * ```tsx
 * // Opposite direction
 * <ParallaxSection speed={-0.2} direction="horizontal">
 *   <div className="flex gap-4">{items}</div>
 * </ParallaxSection>
 * ```
 */
export declare const ParallaxSection: React.ForwardRefExoticComponent<ParallaxSectionProps & React.RefAttributes<HTMLDivElement>>;
