/**
 * TerminalActionBar — composable action bar container.
 *
 * Two usage modes:
 * - **Auto mode**: Pass `terminal` prop from `useTerminal()` to render
 *   default controls (clear, split, font, settings, renderer badge).
 * - **Custom mode**: Pass `children` for full composition control.
 *
 * @module @mks2508/mks-ui/react/blocks/Terminal/controls/TerminalActionBar
 *
 * @example
 * ```tsx
 * // Auto mode
 * const terminal = useTerminal({ wsUrl: 'ws://...' });
 * <TerminalActionBar terminal={terminal} />
 *
 * // Custom mode
 * <TerminalActionBar>
 *   <TerminalClearButton onClear={terminal.clear} />
 *   <TerminalFontControls fontSize={14} onIncrease={...} onDecrease={...} />
 * </TerminalActionBar>
 * ```
 */
import type { ITerminalActionBarProps } from './TerminalActionBar.types';
export type { ITerminalActionBarProps, TerminalActionBarSlot } from './TerminalActionBar.types';
export { terminalActionBarStyles } from './TerminalActionBar.styles';
/**
 * Separator sub-component for custom composition.
 */
declare function ActionBarSeparator({ className }: {
    className?: string;
}): React.JSX.Element;
/**
 * Group sub-component for custom composition.
 */
declare function ActionBarGroup({ children, className }: {
    children: React.ReactNode;
    className?: string;
}): React.JSX.Element;
/**
 * Composable terminal action bar.
 *
 * In **auto mode** (with `terminal` prop), renders:
 * Clear | Spacer | Settings | RendererBadge | Reconnect | Split | Font ±
 *
 * In **custom mode** (with `children`), renders children in a styled flex container.
 *
 * @example
 * ```tsx
 * // Auto mode — one line, all controls
 * <TerminalActionBar terminal={terminal} />
 *
 * // Custom mode — pick your controls
 * <TerminalActionBar>
 *   <TerminalActionBar.Group>
 *     <TerminalClearButton onClear={terminal.clear} />
 *   </TerminalActionBar.Group>
 *   <TerminalActionBar.Separator />
 *   <TerminalActionBar.Group>
 *     <TerminalFontControls {...fontProps} />
 *   </TerminalActionBar.Group>
 * </TerminalActionBar>
 * ```
 */
declare function TerminalActionBarRoot({ terminal, children, showSettings, showSplit, showRendererBadge, slots, className, }: ITerminalActionBarProps): React.JSX.Element;
/**
 * TerminalActionBar with typed sub-components.
 */
export declare const TerminalActionBar: typeof TerminalActionBarRoot & {
    /** Separator sub-component for custom composition. */
    Separator: typeof ActionBarSeparator;
    /** Group sub-component for custom composition. */
    Group: typeof ActionBarGroup;
};
//# sourceMappingURL=index.d.ts.map