import { type MutableRefObject } from 'react';
/**
 * `useContainerBreakpoint` is a hook used to determine if the document matches a
 * media query string (or media query list) by comparing it to a container. It will
 * listen to the breakpoints specified and will return a boolean value indicating
 * if this media query is met or not. It internally relies on the useContainerSize
 * hook to determine the width and height of the container based on its ref.
 * @public
 */
export declare function useContainerBreakpoint(
/** Media query you want to test, e.g. '(min-width: 800px)'. */
query: string, 
/** Reference of the container to observe. */
ref: MutableRefObject<HTMLElement | null>, 
/**
 * Default value (fallback value to support SSR).
 * @defaultValue false
 */
defaultValue?: boolean): boolean;
/**
 * `useContainerBreakpoint` is a hook used to determine if the document matches a
 * media query string (or media query list) by comparing it to a container. It will
 * listen to the breakpoints specified and will return a boolean value indicating
 * if this media query is met or not. It internally relies on the useContainerSize
 * hook to determine the width and height of the container based on its ref.
 * @public
 */
export declare function useContainerBreakpoint(
/** Media queries you want to test, e.g. '[(min-width: 400px), (min-width: 800px)]'. */
queries: string[], 
/** Reference of the container to observe. */
ref: MutableRefObject<HTMLElement | null>, 
/**
 * Default value (fallback value to support SSR).
 * @defaultValue [false]
 */
defaultValues?: boolean[]): boolean[];