/**
 * Small composable terminal control atoms.
 *
 * Lightweight single-purpose UI atoms for building custom terminal
 * action bars and status bars. Each uses centralized design tokens.
 *
 * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalAtoms
 */
import type { TTerminalConnectionStatusToken } from '../Terminal.tokens';
/**
 * Props for TerminalClearButton.
 */
export interface ITerminalClearButtonProps {
    /** Called when the clear button is clicked. */
    onClear: () => void;
    /** Button label (default: "Clear"). */
    label?: string;
    /** Show text label next to icon (default: true). */
    showLabel?: boolean;
    /** Additional CSS classes. */
    className?: string;
}
/**
 * Clear terminal button atom.
 *
 * @example
 * ```tsx
 * <TerminalClearButton onClear={() => resttyRef.current?.clear()} />
 * ```
 */
export declare function TerminalClearButton({ onClear, label, showLabel, className, }: ITerminalClearButtonProps): React.JSX.Element;
/**
 * Props for TerminalReconnectButton.
 */
export interface ITerminalReconnectButtonProps {
    /** Called when the reconnect button is clicked. */
    onReconnect: () => void;
    /** Current connection status. Only visible when disconnected or error. */
    status: TTerminalConnectionStatusToken;
    /** Additional CSS classes. */
    className?: string;
}
/**
 * Reconnect button atom.
 *
 * Only visible when the terminal is disconnected or in error state.
 *
 * @example
 * ```tsx
 * <TerminalReconnectButton onReconnect={terminal.reconnect} status={terminal.status} />
 * ```
 */
export declare function TerminalReconnectButton({ onReconnect, status, className, }: ITerminalReconnectButtonProps): React.JSX.Element | null;
/**
 * Props for TerminalDimensionsBadge.
 */
export interface ITerminalDimensionsBadgeProps {
    /** Terminal grid dimensions. */
    dimensions: {
        cols: number;
        rows: number;
    };
    /** Additional CSS classes. */
    className?: string;
}
/**
 * Terminal dimensions badge atom.
 *
 * Displays terminal grid dimensions as `cols×rows`.
 *
 * @example
 * ```tsx
 * <TerminalDimensionsBadge dimensions={terminal.dimensions} />
 * ```
 */
export declare function TerminalDimensionsBadge({ dimensions, className, }: ITerminalDimensionsBadgeProps): React.JSX.Element;
/**
 * Props for TerminalRendererBadge.
 */
export interface ITerminalRendererBadgeProps {
    /** Renderer name to display. */
    renderer: 'restty' | 'xterm' | string;
    /** Additional CSS classes. */
    className?: string;
}
/**
 * Renderer badge atom.
 *
 * Displays the active terminal renderer as a small label badge.
 *
 * @example
 * ```tsx
 * <TerminalRendererBadge renderer="restty" />
 * ```
 */
export declare function TerminalRendererBadge({ renderer, className, }: ITerminalRendererBadgeProps): React.JSX.Element;
/**
 * Props for TerminalDisconnectedOverlay.
 */
export interface ITerminalDisconnectedOverlayProps {
    /** Called when the reconnect button is clicked. */
    onReconnect: () => void;
    /** Whether to show the overlay (default: true). */
    visible?: boolean;
    /** Additional CSS classes for the overlay container. */
    className?: string;
}
/**
 * Disconnected overlay atom.
 *
 * Full-screen overlay shown when the terminal is disconnected.
 * Includes a reconnect button and terminal icon.
 *
 * @example
 * ```tsx
 * {terminal.status === 'disconnected' && (
 *   <TerminalDisconnectedOverlay onReconnect={terminal.reconnect} />
 * )}
 * ```
 */
export declare function TerminalDisconnectedOverlay({ onReconnect, visible, className, }: ITerminalDisconnectedOverlayProps): React.JSX.Element | null;
//# sourceMappingURL=TerminalAtoms.d.ts.map