/**
 * @fileoverview Section wrapper that applies scroll-based parallax to children.
 * @author Saasflare™
 * Children move at a different rate than the page scroll, creating depth.
 * @module packages/ui/components/ui/parallax-section
 * @package ui
 *
 * @component
 * @example
 * import { ParallaxSection } from '@saasflare/ui';
 * <ParallaxSection speed={0.5}>
 *   <img src="/background.jpg" alt="Background" className="w-full" />
 * </ParallaxSection>
 */
import { type ReactNode } from "react";
import { type SaasflareComponentProps } from "../../providers";
/** Props for the ParallaxSection component. */
export interface ParallaxSectionProps extends SaasflareComponentProps {
    /** Content to apply parallax to. */
    children: ReactNode;
    /** Parallax speed factor. 0 = fixed, 0.5 = half speed, 1 = no parallax. Default: `0.5` */
    speed?: number;
    /** Additional class names. */
    className?: string;
}
/**
 * Section wrapper that applies scroll-based parallax to its children.
 *
 * - Children translate vertically based on scroll position and speed factor
 * - Falls back to static rendering when motion is disabled (reduced-motion or `animated={false}`)
 * - Overflow hidden to prevent content leaking during parallax
 *
 * @component
 * @package ui
 */
export declare function ParallaxSection({ children, speed, className, surface, radius, animated, iconWeight, }: ParallaxSectionProps): import("react/jsx-runtime").JSX.Element;