import type { LayoutInspectorProps } from './types';
/**
 * DevTools-style layout inspector. When active, hovering an element draws a
 * box-model overlay and a floating info bubble (tag, selector, font, WCAG
 * contrast, ARIA role, accessible name, and a11y state). Click to select.
 *
 * Use uncontrolled mode (`defaultActive` + `behavior.hotkey`) for ad-hoc
 * inspection, or controlled mode (`active` + `on.activeChange`) to wire it
 * into your own toggle UI.
 *
 * @example
 * ```tsx
 * <LayoutInspector
 *   defaultActive
 *   behavior={{ hotkey: 'cmd+shift+c' }}
 *   on={{ select: (el, info) => console.log(info) }}
 * />
 * ```
 */
export declare function LayoutInspector({ active: activeProp, defaultActive, on, behavior, highlight, bubble, zIndex, className, style, }: LayoutInspectorProps): import("react").ReactPortal | null;
export default LayoutInspector;