/** * ComponentHeader * Consistent header for component sections with title and right-justified actions. */ import type { MenuProps } from 'antd'; import { EditorIconName } from '../styles/EditorIcon'; export interface HeaderAction { /** Icon to display */ icon: EditorIconName; /** Tooltip text */ tooltip: string; /** Click handler */ onClick: () => void; /** Whether this is a destructive action */ danger?: boolean; /** Whether to disable the action */ disabled?: boolean; } export interface ComponentHeaderProps { /** Title text */ title: string; /** Optional icon to show before title */ icon?: EditorIconName; /** Optional description (shown as tooltip on info icon) */ description?: string; /** Actions to show on the right side */ actions?: HeaderAction[]; /** Special "add" action (always shown rightmost with + icon) */ onAdd?: () => void; /** Optional dropdown menu for add action */ addMenuItems?: MenuProps['items']; /** Optional select handler for add dropdown menu */ onAddMenuSelect?: (key: string) => void; /** Tooltip for add action */ addTooltip?: string; /** Whether to disable add action */ addDisabled?: boolean; /** Whether header is collapsible (shows expand/collapse indicator) */ collapsible?: boolean; /** Whether currently expanded (only relevant if collapsible) */ expanded?: boolean; /** Click handler for the header itself (for collapse toggling) */ onClick?: () => void; } /** * ComponentHeader renders a clean header with title and right-justified actions. * The add action (if provided) is always rendered as the rightmost button. */ export declare function ComponentHeader({ title, icon: _icon, description, actions, onAdd, addMenuItems, onAddMenuSelect, addTooltip, addDisabled, collapsible, expanded, onClick, }: ComponentHeaderProps): import("react/jsx-runtime").JSX.Element; //# sourceMappingURL=ComponentHeader.d.ts.map