import React from 'react';
import type { StickyScrollProps } from './StickyScroll.types';
/**
 * StickyScroll
 *
 * Creates an Apple-style sticky scroll experience where one column stays
 * pinned while the other scrolls.  As each scrolling section enters the
 * viewport, the sticky content transitions to match.
 *
 * @example
 * ```tsx
 * <StickyScroll
 *   sections={[
 *     {
 *       id: 'design',
 *       title: 'Design System',
 *       description: 'Build consistent interfaces with a shared design language.',
 *       content: <img src="/design.png" alt="Design system" />,
 *     },
 *     {
 *       id: 'develop',
 *       title: 'Developer Experience',
 *       description: 'TypeScript-first components with full IntelliSense.',
 *       content: <img src="/develop.png" alt="Developer experience" />,
 *     },
 *   ]}
 * />
 * ```
 */
export declare const StickyScroll: React.ForwardRefExoticComponent<StickyScrollProps & React.RefAttributes<HTMLDivElement>>;
