/**
 * TerminalStatusBar — composable status bar container.
 *
 * Two usage modes:
 * - **Auto mode**: Pass `terminal` prop from `useTerminal()` to render
 *   default status indicators (connection, dimensions, font size).
 * - **Custom mode**: Pass `children` for full composition control.
 *
 * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalStatusBar
 *
 * @example
 * ```tsx
 * // Auto mode
 * <TerminalStatusBar terminal={terminal} />
 *
 * // Custom mode
 * <TerminalStatusBar>
 *   <TerminalConnectionStatus status={terminal.status} />
 *   <TerminalDimensionsBadge dimensions={terminal.dimensions} />
 * </TerminalStatusBar>
 * ```
 */
import type { ITerminalStatusBarProps } from './TerminalStatusBar.types';
export type { ITerminalStatusBarProps, TerminalStatusBarSlot } from './TerminalStatusBar.types';
export { terminalStatusBarStyles } from './TerminalStatusBar.styles';
/**
 * Separator sub-component for custom composition.
 */
declare function StatusBarSeparator({ className }: {
    className?: string;
}): React.JSX.Element;
/**
 * Group sub-component for custom composition.
 */
declare function StatusBarGroup({ children, className }: {
    children: React.ReactNode;
    className?: string;
}): React.JSX.Element;
/**
 * Composable terminal status bar.
 *
 * In **auto mode** (with `terminal` prop), renders:
 * Left: ConnectionStatus | Right: Dimensions, FontSize
 *
 * In **custom mode** (with `children`), renders children in a styled flex container.
 *
 * @example
 * ```tsx
 * // Auto mode — one line, all status indicators
 * <TerminalStatusBar terminal={terminal} />
 *
 * // Custom mode — pick your indicators
 * <TerminalStatusBar>
 *   <TerminalStatusBar.Group>
 *     <TerminalConnectionStatus status={terminal.status} />
 *   </TerminalStatusBar.Group>
 *   <TerminalStatusBar.Group>
 *     <TerminalDimensionsBadge dimensions={terminal.dimensions} />
 *   </TerminalStatusBar.Group>
 * </TerminalStatusBar>
 * ```
 */
declare function TerminalStatusBarRoot({ terminal, children, showFontSize, slots, className, }: ITerminalStatusBarProps): React.JSX.Element;
/**
 * TerminalStatusBar with typed sub-components.
 */
export declare const TerminalStatusBar: typeof TerminalStatusBarRoot & {
    /** Separator sub-component for custom composition. */
    Separator: typeof StatusBarSeparator;
    /** Group sub-component for custom composition. */
    Group: typeof StatusBarGroup;
};
//# sourceMappingURL=index.d.ts.map