/**
 * Text Viewer
 *
 * Renders text content with cursor and selection visualization.
 */
import type { TextState } from './state.js';
export interface ViewerStyles {
    /** Container styles */
    fontFamily?: string;
    fontSize?: string;
    lineHeight?: string;
    padding?: string;
    border?: string;
    borderRadius?: string;
    background?: string;
    minHeight?: string;
    whiteSpace?: string;
    color?: string;
    /** Selection highlight color */
    selectionBackground?: string;
}
export interface ViewerOptions {
    container: HTMLElement;
    showSelection?: boolean;
    styles?: ViewerStyles;
}
export declare class TextViewer {
    private container;
    private textElement;
    private showSelection;
    private styles;
    constructor(options: ViewerOptions);
    /**
     * Set up DOM structure
     */
    private setupDOM;
    /**
     * Render text state
     */
    render(state: TextState): void;
    /**
     * Render text with selection highlight
     */
    private renderTextWithSelection;
    /**
     * Clear the viewer
     */
    clear(): void;
}
//# sourceMappingURL=viewer.d.ts.map