import { default as React, ComponentType } from 'react';
import { HydrationBoundaryProps, WithHydrationBoundaryOptions } from './types';
/**
 * Wraps components for selective, prioritized hydration.
 *
 * This component integrates with the HydrationScheduler to provide
 * controlled hydration timing based on priority, visibility, and
 * user interactions.
 *
 * @param props - Boundary props
 * @returns The boundary wrapper with children or placeholder
 */
export declare function HydrationBoundary({ id: providedId, children, priority, trigger, placeholder, errorFallback, onHydrationStart, onHydrationComplete, onHydrationError, ssrOnly, mediaQuery, timeout, estimatedCost, aboveTheFold, className, style, }: HydrationBoundaryProps): React.JSX.Element;
/**
 * HOC to wrap a component with a HydrationBoundary.
 *
 * @param Component - The component to wrap
 * @param options - Boundary options
 * @returns Wrapped component with hydration boundary
 *
 * @example
 * ```tsx
 * const HydratedChart = withHydrationBoundary(Chart, {
 *   defaultPriority: 'low',
 *   defaultTrigger: 'visible',
 *   placeholder: <ChartSkeleton />,
 * });
 *
 * // Use like normal component
 * <HydratedChart data={chartData} />
 *
 * // Override boundary props as needed
 * <HydratedChart data={chartData} priority="high" />
 * ```
 */
export declare function withHydrationBoundary<P extends object>(Component: ComponentType<P>, options?: WithHydrationBoundaryOptions<P>): ComponentType<P & Partial<HydrationBoundaryProps>>;
/**
 * Props for LazyHydration component.
 */
interface LazyHydrationProps<P extends object> {
    /** Factory function that returns a promise resolving to the component */
    factory: () => Promise<{
        default: ComponentType<P>;
    }>;
    /** Props to pass to the lazy-loaded component */
    componentProps: P;
    /** Hydration boundary props */
    boundaryProps?: Partial<HydrationBoundaryProps>;
}
/**
 * Combines React.lazy with HydrationBoundary for maximum efficiency.
 *
 * This component provides both code-splitting (via React.lazy) and
 * selective hydration (via HydrationBoundary).
 *
 * @example
 * ```tsx
 * <LazyHydration
 *   factory={() => import('./HeavyChart')}
 *   componentProps={{ data: chartData }}
 *   boundaryProps={{
 *     priority: 'low',
 *     trigger: 'visible',
 *     placeholder: <ChartSkeleton />,
 *   }}
 * />
 * ```
 */
export declare function LazyHydration<P extends object>({ factory, componentProps, boundaryProps, }: LazyHydrationProps<P>): React.JSX.Element;
export type { HydrationBoundaryProps, WithHydrationBoundaryOptions, LazyHydrationProps };