import { CSSProperties, ReactNode } from 'react';
export type WorkspaceHeaderProps = {
    /** Brand block (logo + product name) rendered at the far left. */
    brand?: ReactNode;
    /** Fixed width (px) for the brand rail, e.g. to align with a sidebar. Auto when omitted. */
    brandWidth?: number;
    /** When provided, renders a sidebar-toggle button next to the brand. */
    onToggleSidebar?: () => void;
    /** Accessible label for the sidebar-toggle button. */
    toggleLabel?: string;
    /** Optional tab strip, rendered as its own bordered column after the brand. */
    tabs?: ReactNode;
    /** Fixed width (px) for the tabs column, e.g. to align with a secondary pane. Auto when omitted. */
    tabsWidth?: number;
    /** Search control, placed at the start of the trailing actions area. */
    search?: ReactNode;
    /** Trailing action controls (wallet, apps, avatar, …). */
    actions?: ReactNode;
    /** Free-form content placed in the main (flex) region before the spacer. */
    children?: ReactNode;
    /** Header height in px. Defaults to 52. */
    height?: number;
    className?: string;
    style?: CSSProperties;
};
/**
 * Application top bar for workspace-style layouts. Slot-based: drop in a brand
 * block, an optional sidebar toggle, a tab strip, a search control, and trailing
 * actions. All product-specific logic (which tabs exist, wallet balance, etc.)
 * stays in the consuming app — this component only owns layout and chrome.
 */
export declare function WorkspaceHeader({ brand, brandWidth, onToggleSidebar, toggleLabel, tabs, tabsWidth, search, actions, children, height, className, style }: WorkspaceHeaderProps): import("react/jsx-runtime").JSX.Element;
export declare namespace WorkspaceHeader {
    var displayName: string;
}
