import { RefObject } from 'react';
/**
 * Return type for the useContainerQuery hook
 */
export type ContainerQueryReturnProps = {
    /**
     * The breakpoint name
     */
    name: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
    /**
     * Minimum width for this breakpoint
     */
    min: number | undefined;
    /**
     * Maximum width for this breakpoint
     */
    max: number | undefined;
    /**
     * Current container width
     */
    containerWidth: number;
    /**
     * Current container height
     */
    containerHeight: number;
};
/**
 * Custom hook for detecting current breakpoint based on container dimensions.
 *
 * Features:
 * - Detects current breakpoint based on container width instead of viewport width
 * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)
 * - Provides container dimensions information
 * - Uses hammer-token breakpoint values for consistency
 * - Listens for container resize events using ResizeObserver
 * - Supports optional disable functionality
 * - Uses container element dimensions for accurate measurements
 *
 * @param containerRef - React ref to the container element to observe
 * @param props - Optional configuration object
 * @param props.disable - Whether to disable the hook
 * @returns Current breakpoint information or undefined if disabled
 */
export declare const useContainerQuery: (containerRef: RefObject<HTMLElement>, props?: {
    disable?: boolean;
}) => ContainerQueryReturnProps | undefined;