/**
 * React wrapper for c15t DevTools
 *
 * Provides a React component for easy integration into React applications.
 *
 * @example
 * ```tsx
 * import { DevTools } from '@c15t/dev-tools/react';
 *
 * function App() {
 *   return (
 *     <>
 *       <YourApp />
 *       <DevTools position="bottom-right" />
 *     </>
 *   );
 * }
 * ```
 *
 * @packageDocumentation
 */
import { type DevToolsInstance, type DevToolsOptions } from './core/devtools';
/**
 * Props for the C15TDevTools component
 */
export interface C15TDevToolsProps extends Partial<DevToolsOptions> {
    /**
     * Whether the DevTools should be disabled
     * Useful for production builds
     * @default false
     */
    disabled?: boolean;
}
/**
 * React component that renders the c15t DevTools
 *
 * This component creates a floating DevTools button that, when clicked,
 * opens a panel showing consent state, location info, scripts, and actions.
 *
 * @example
 * Basic usage:
 * ```tsx
 * import { DevTools } from '@c15t/dev-tools/react';
 *
 * function App() {
 *   return (
 *     <>
 *       <YourApp />
 *       <DevTools />
 *     </>
 *   );
 * }
 * ```
 *
 * @example
 * With custom position:
 * ```tsx
 * <DevTools position="top-left" />
 * ```
 *
 * @example
 * Disabled in production:
 * ```tsx
 * <DevTools disabled={process.env.NODE_ENV === 'production'} />
 * ```
 *
 * @example
 * Default open state:
 * ```tsx
 * <DevTools defaultOpen />
 * ```
 */
export declare function C15TDevTools({ namespace, position, defaultOpen, disabled, }: C15TDevToolsProps): null;
export type { DevToolsPosition, DevToolsTab } from './core/state-manager';
export type { DevToolsInstance, DevToolsOptions };
export { C15TDevTools as DevTools };