/** * TerminalLogsPanel Component. * * Ghostty-inspired terminal panel with session tabs, glassmorphic header, * tab-style filters, compact actions, and premium visual effects. * Fully composable via StyleSlots. * * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalLogsPanel */ import type { ITerminalLogsPanelProps, ITerminalLogsPanelRef } from './TerminalLogsPanel.types'; import '@xterm/xterm/css/xterm.css'; export type { ITerminalLogsPanelProps, ITerminalLogsPanelRef } from './TerminalLogsPanel.types'; export { terminalLogsPanelStyles } from './TerminalLogsPanel.styles'; export type { TerminalLogsPanelSlot } from './TerminalLogsPanel.styles'; /** * TerminalLogsPanel Component. * * Ghostty-inspired complete terminal panel with: * - Session tabs (multi-session support) * - Enhanced glassmorphic header * - Tab-style filter buttons * - Compact action bar * - xterm.js terminal display * - Status footer with counts * * All visual regions are overridable via the `slots` prop. * * @example * ```tsx * const panelRef = useRef(null); * * setActiveSession(id)} * onSessionClose={(id) => closeSession(id)} * onFilterChange={(level) => setFilterLevel(level)} * onFollowCursorChange={(enabled) => setFollowCursor(enabled)} * onShowLineNumbersChange={(enabled) => setShowLineNumbers(enabled)} * onClear={() => clearLogs()} * onDownload={() => downloadLogs()} * onSearch={() => openSearch()} * slots={{ terminalContainer: 'min-h-[600px]' }} * /> * ``` */ export declare const TerminalLogsPanel: import("react").ForwardRefExoticComponent>; //# sourceMappingURL=index.d.ts.map