/**
 * @fileoverview Sticky scroll reveal — left text stays, right content scrolls.
 * @author Saasflare™
 * A split layout where the left column stays fixed while the right column
 * scrolls through content items. Great for feature walkthroughs.
 * @module packages/ui/components/ui/sticky-scroll-reveal
 * @package ui
 *
 * @component
 * @example
 * import { StickyScrollReveal } from '@saasflare/ui';
 * <StickyScrollReveal
 *   items={[
 *     { title: "Step 1", description: "Connect your data", content: <img src="/step1.png" /> },
 *     { title: "Step 2", description: "Configure your pipeline", content: <img src="/step2.png" /> },
 *   ]}
 * />
 */
import * as React from "react";
import { type ReactNode } from "react";
import { type SaasflareComponentProps } from "../../providers";
/** A single item in the sticky scroll reveal. */
export interface StickyScrollItem {
    /** Section title. */
    title: string;
    /** Section description text. */
    description: string;
    /** Visual content (image, component, etc.) shown in the right column. */
    content?: ReactNode;
}
/** Props for the StickyScrollReveal component. */
export interface StickyScrollRevealProps extends Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Array of scroll items. */
    items: StickyScrollItem[];
}
/**
 * Split layout with sticky left text and scrolling right content.
 *
 * - Left column text stays fixed during scroll
 * - Right column content transitions between items
 * - Each item fades in based on scroll position
 * - Falls back to stacked layout when reduced motion is preferred or
 *   when `animated={false}` is set (per-instance or via the provider)
 *
 * @component
 * @package ui
 */
export declare function StickyScrollReveal({ items, className, surface, radius, animated, iconWeight, ...props }: StickyScrollRevealProps): import("react/jsx-runtime").JSX.Element;