import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';

interface AiThinkingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
    /** When false (default), nothing renders. Flip to true while the AI is working. */
    active?: boolean;
    /** Number of drifting soft clouds. Keep small (1–2) for most surfaces. */
    cloudCount?: number;
    /** Radius of each cloud in px — scale up for large surfaces. */
    cloudRadius?: number;
    /** Grid tile size (both width and height of the repeating dot tile). */
    gridSize?: number;
    /** Per-dot radius. */
    dotRadius?: number;
    /** Tailwind utility for the dot fill (e.g. `"fill-foreground/35"`). */
    fillClassName?: string;
}
/**
 * Absolute overlay. The parent must be `position: relative` and should usually
 * clip overflow (e.g. `rounded-xl overflow-hidden`) so the drifting clouds
 * don't paint outside the surface.
 */
declare function AiThinkingOverlay({ active, cloudCount, cloudRadius, gridSize, dotRadius, fillClassName, className, ...props }: AiThinkingOverlayProps): react_jsx_runtime.JSX.Element | null;
interface AiThinkingSurfaceProps extends React.HTMLAttributes<HTMLDivElement>, Pick<AiThinkingOverlayProps, "active" | "cloudCount" | "cloudRadius" | "gridSize" | "dotRadius" | "fillClassName"> {
    /** Optional className applied to the content wrapper (above the overlay). */
    contentClassName?: string;
}
/**
 * Wrapper that adds `relative overflow-hidden`, renders the overlay, and
 * stacks children above it. Use when you'd otherwise have to manually wire
 * positioning around `<AiThinkingOverlay>`.
 */
declare function AiThinkingSurface({ active, cloudCount, cloudRadius, gridSize, dotRadius, fillClassName, className, contentClassName, children, ...props }: AiThinkingSurfaceProps): react_jsx_runtime.JSX.Element;

export { AiThinkingOverlay, type AiThinkingOverlayProps, AiThinkingSurface, type AiThinkingSurfaceProps };