@octopusdeploy/design-system-components
Version:
The design systems component library.
23 lines (22 loc) • 765 B
TypeScript
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;