import { ReactNode } from 'react';
import { AdaptiveLayoutContext } from '../../contexts/AdaptiveLayoutContext';
import { AdaptiveLayoutProps } from './types';
/**
 * Context for sharing adaptive layout state and controls.
 */
type AdaptiveLayoutContextValue = unknown;
type AdaptiveLayoutContextValueInternal = unknown;
/**
 * Hook to access the adaptive layout context.
 *
 * @throws Error if used outside AdaptiveLayout
 */
export declare function useAdaptiveLayoutContext(): AdaptiveLayoutContextValue;
/**
 * AdaptiveLayout is the main wrapper component for the adaptive layout system.
 * It provides content-aware layout selection, smooth morph transitions, and
 * CLS prevention for its children.
 *
 * @example
 * ```tsx
 * <AdaptiveLayout
 *   initialMode="grid"
 *   config={{ contentAware: true }}
 *   transitionConfig={{ duration: 300 }}
 *   onModeChange={(mode) => console.log('Mode changed:', mode)}
 * >
 *   <AdaptiveGrid>
 *     {items.map(item => (
 *       <Card key={item.id}>{item.content}</Card>
 *     ))}
 *   </AdaptiveGrid>
 * </AdaptiveLayout>
 * ```
 */
export declare function AdaptiveLayout({ children, initialMode, config, transitionConfig, clsConfig, constraints, onModeChange, onLayoutComputed, className, style, testId, }: AdaptiveLayoutProps): ReactNode;
export { AdaptiveLayoutContext };
export type { AdaptiveLayoutContextValueInternal as AdaptiveLayoutContextValue };