/**
 * TerminalConnectionStatus — connection status indicator atom.
 *
 * Displays a colored dot and optional label based on the terminal's
 * connection status. Uses `STATUS_COLORS` from centralized tokens.
 *
 * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalConnectionStatus
 *
 * @example
 * ```tsx
 * <TerminalConnectionStatus status={terminal.status} />
 * <TerminalConnectionStatus status="connected" variant="compact" />
 * ```
 */
import type { ITerminalConnectionStatusProps } from './TerminalConnectionStatus.types';
export type { ITerminalConnectionStatusProps, TerminalConnectionStatusSlot } from './TerminalConnectionStatus.types';
export { terminalConnectionStatusStyles } from './TerminalConnectionStatus.styles';
/**
 * Connection status indicator.
 *
 * Shows a colored dot indicating connection state, with an optional
 * text label and uptime display. Supports `default` and `compact`
 * variants.
 *
 * @example
 * ```tsx
 * const terminal = useTerminal({ wsUrl: 'ws://...' });
 *
 * <TerminalConnectionStatus
 *   status={terminal.status}
 *   uptimeSeconds={terminal.uptimeSeconds}
 *   showUptime
 * />
 * ```
 */
export declare function TerminalConnectionStatus({ status, uptimeSeconds, showUptime, variant, slots, className, }: ITerminalConnectionStatusProps): React.JSX.Element;
//# sourceMappingURL=index.d.ts.map