import type { DialogWidth } from "./dialogBreakpoints.styles";
export interface DialogHeaderDismissAction {
    type: "dismiss";
    onClose: () => void;
}
export interface DialogHeaderToggleSidePanelAction {
    type: "toggleSidePanel";
    onOpen: () => void;
    isOpen: boolean;
}
export type DialogHeaderAction = DialogHeaderDismissAction | DialogHeaderToggleSidePanelAction;
export interface DialogHeaderProps {
    title: string;
    width?: DialogWidth;
    action?: DialogHeaderAction;
    isLoading?: boolean;
}
/**
 * DialogHeader – the header bar of a dialog component.
 */
export declare function DialogHeader({ title, width, action, isLoading }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
export declare const titleStyles: string;