/**
 * React Context for client-side logger injection
 * Allows consuming apps to provide their own logger instance
 */
import { type ReactNode } from 'react';
import type { Logger } from './types.js';
/**
 * Props for LoggerProvider
 */
export interface LoggerProviderProps {
    /**
     * Logger instance to provide to child components
     * If not provided, a no-op logger is used
     */
    logger?: Logger;
    /**
     * Child components
     */
    children: ReactNode;
}
/**
 * Provider component for injecting logger into client components
 * Wrap your app or component tree with this provider to enable logging
 *
 * @example
 * ```tsx
 * import { createClientLogger } from 'hazo_logs/ui';
 * import { LoggerProvider } from 'hazo_collab_forms';
 *
 * const logger = createClientLogger({ packageName: 'my_app' });
 *
 * <LoggerProvider logger={logger}>
 *   <MyApp />
 * </LoggerProvider>
 * ```
 */
export declare function LoggerProvider({ logger, children }: LoggerProviderProps): import("react/jsx-runtime").JSX.Element;
/**
 * Hook to access the logger from context
 * Returns no-op logger if no provider is found
 *
 * @example
 * ```tsx
 * const logger = use_logger();
 * logger.debug('Component mounted', { field_id: 'my_field' });
 * ```
 */
export declare function use_logger(): Logger;
//# sourceMappingURL=context.d.ts.map