import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';

/**
 * PageTopBar — WealthX Design System
 *
 * Sticky top-of-page bar. Sits at the top of the main content area,
 * separated from the content by a bottom border. Holds the page title
 * and action buttons.
 *
 * Used by: Loan CRM, Contact, AI Builder, and other data-heavy pages.
 * For an in-page title block with a description, use PageHeader instead.
 *
 * Layout:
 *   [Title]          [page-specific actions…]  [Ask Support]
 *
 * "Ask Support" is always pinned to the far right when onAskSupport is
 * provided — it is never passed through the actions slot.
 */
interface PageTopBarProps {
    /** Page title shown on the left */
    title: string;
    /**
     * When provided, a back arrow button is rendered before the title — for
     * pages reached by drilling in from a list (e.g. a board opened from a grid).
     */
    onBack?: () => void;
    /** Page-specific action elements (buttons, dropdowns, etc.) */
    actions?: React.ReactNode;
    /**
     * When provided, renders the "Ask Support" button pinned to the far right,
     * after all page-specific actions. The handler should open the SupportAgentPanel.
     */
    onAskSupport?: () => void;
    className?: string;
}
declare function PageTopBar({ title, onBack, actions, onAskSupport, className, }: PageTopBarProps): react_jsx_runtime.JSX.Element;

export { PageTopBar, type PageTopBarProps };