import { ReactNode } from 'react';
import { ContainerContext, ContainerContextValue } from '../../contexts';
import { AdaptiveContainerProps, ContainerBreakpoints } from './types';
/**
 * Hook to access container context.
 */
export declare function useContainerContext(): ContainerContextValue | null;
export declare const AdaptiveContainer: import('react').MemoExoticComponent<({ children, breakpoints, detectDensity, padding, maxWidth, centered, className, style, }: AdaptiveContainerProps) => ReactNode>;
/**
 * Hook for container-based media query behavior.
 *
 * @param query - Size category or width threshold
 * @returns Whether the query matches
 *
 * @example
 * ```tsx
 * function ResponsiveComponent() {
 *   const isLarge = useContainerQuery('lg');
 *   const isWiderThan600 = useContainerQuery(600);
 *
 *   return isLarge ? <LargeLayout /> : <SmallLayout />;
 * }
 * ```
 */
export declare function useContainerQuery(query: keyof ContainerBreakpoints | number): boolean;
/**
 * Hook for getting responsive values based on container size.
 *
 * @param values - Object mapping size categories to values
 * @returns The value for the current container size
 *
 * @example
 * ```tsx
 * function ResponsiveComponent() {
 *   const columns = useContainerValue({
 *     xs: 1,
 *     sm: 2,
 *     md: 3,
 *     lg: 4,
 *     xl: 6,
 *   });
 *
 *   return <Grid columns={columns}>{children}</Grid>;
 * }
 * ```
 */
export declare function useContainerValue<T>(values: Partial<Record<keyof ContainerBreakpoints, T>>): T | undefined;
export { ContainerContext };
export type { AdaptiveContainerProps, ContainerContextValue };