import React from 'react';
export type MediaSettings = {
  width?: number;
  height?: number;
  fontSize?: number;
  colorScheme?: 'light' | 'dark';
  contrast?: 'more' | 'less';
};
export declare const cdsDefaultValues: {
  width: 1280;
  colorScheme: 'light';
};
export type MediaQueryContextValue = {
  subscribe: (query: string, callback: () => void) => () => void;
  getSnapshot: (query: string) => boolean;
  getServerSnapshot: (query: string) => boolean;
};
export declare const MediaQueryContext: React.Context<MediaQueryContextValue | null>;
export type MediaQueryProviderProps = {
  children?: React.ReactNode;
  defaultValues?: MediaSettings;
};
/**
 * A context provider that manages media query subscriptions with server-side rendering support.
 *
 * This component creates a centralized store for media query subscriptions, preventing
 * unnecessary re-renders and ensuring consistent behavior between server and client rendering.
 *
 * @example
 * ```tsx
 * <MediaQueryProvider defaultValues={{ width: 1200, colorScheme: 'light' }}>
 *   <App />
 * </MediaQueryProvider>
 * ```
 */
export declare const MediaQueryProvider: ({
  children,
  defaultValues,
}: MediaQueryProviderProps) => import('react/jsx-runtime').JSX.Element;
export declare const createMediaQueryStore: () => {
  init: (options: { defaultValues?: MediaSettings }) => void;
  subscribe: (query: string, callback: () => void) => () => void;
  getSnapshot: (query: string) => boolean;
  getServerSnapshot: (query: string) => boolean;
};
//# sourceMappingURL=MediaQueryProvider.d.ts.map