import type { MouseEvent, ReactNode } from 'react';
interface TitleBarButtonProps {
    onClick: () => void;
    title?: string;
    ariaLabel?: string;
    ariaPressed?: boolean;
    children: ReactNode;
}
/** Standard 32x32 icon button used inside the {@link TitleBar}. */
export declare function TitleBarButton({ onClick, title, ariaLabel, ariaPressed, children, }: TitleBarButtonProps): import("react/jsx-runtime").JSX.Element;
/** Toggles the left sessions sidebar (backed by `useSidebarStore`). */
export declare const TitleBarSidebarToggle: import("react").NamedExoticComponent<object>;
/** Toggles the right rail pin state (backed by `useRightRailStore`). */
export declare const TitleBarRightRailToggle: import("react").NamedExoticComponent<object>;
export interface TitleBarProps {
    /** Centered title text (absolutely positioned, never shifts with controls). */
    title?: ReactNode;
    /** Renders a back arrow button at the very start. */
    onBack?: () => void;
    /** Show the left-sidebar toggle (default true). */
    showSidebarToggle?: boolean;
    /** Extra content after the leading toggles (e.g. workspace tabs). */
    leading?: ReactNode;
    /** Content on the right side (status, theme toggle, window controls…). */
    trailing?: ReactNode;
    /** Inset leading content for macOS traffic lights. */
    leadingInset?: boolean;
    /** Mark the bar as a native drag region (Tauri). */
    dragRegion?: boolean;
    /** Mouse-down handler (e.g. to start native window dragging). */
    onMouseDown?: (e: MouseEvent<HTMLDivElement>) => void;
    className?: string;
}
/**
 * Shared application title bar: back button, sidebar toggle, optional
 * centered title, and host-provided leading/trailing content. Used by the
 * desktop app (with native drag + window controls) and the web app.
 */
export declare const TitleBar: import("react").NamedExoticComponent<TitleBarProps>;
export {};
//# sourceMappingURL=TitleBar.d.ts.map