/**
 * TerminalInteractivePanelXterm Component.
 *
 * Full interactive terminal panel with WebSocket-backed I/O,
 * Ghostty-inspired chrome (via TerminalPanelChrome), xterm.js
 * rendering, and action bar controls. Includes settings popover.
 *
 * Uses composable control atoms for the action bar and status bar
 * while managing xterm.js lifecycle internally.
 *
 * @module components/devenv/terminal/panel/interactive-xterm
 */
import type { ITerminalInteractivePanelProps, ITerminalInteractivePanelRef } from './TerminalInteractivePanel.types';
import '@xterm/xterm/css/xterm.css';
/**
 * TerminalInteractivePanelXterm Component.
 *
 * Interactive terminal panel combining:
 * - TerminalPanelChrome (Ghostty glassmorphism shell)
 * - xterm.js with interactive mode (cursorBlink, stdin enabled)
 * - WebSocket connection via useTerminalWebSocket
 * - Composable action bar and status bar atoms
 *
 * @example
 * ```tsx
 * const termRef = useRef<ITerminalInteractivePanelRef>(null);
 *
 * <TerminalInteractivePanelXterm
 *   ref={termRef}
 *   containerName="mks-devenv"
 *   wsUrl="ws://localhost:3100/terminal/session-1"
 *   onConnect={() => console.log('Connected')}
 *   onDisconnect={() => console.log('Disconnected')}
 * />
 * ```
 */
export declare const TerminalInteractivePanelXterm: import("react").ForwardRefExoticComponent<ITerminalInteractivePanelProps & import("react").RefAttributes<ITerminalInteractivePanelRef>>;
//# sourceMappingURL=TerminalInteractivePanelXterm.d.ts.map