import { ReactElement, ReactNode } from 'react'; import { DialogActionsProps } from '../actions/actions'; import { ElementFont, SurfaceColor } from '../../utils'; import { DialogIconSlot } from '../../types'; /** * Props for {@link DialogHeader}. * * @category Dialog */ export interface DialogHeaderProps { /** Optional content before the back button and title row. */ leading?: ReactNode; /** When true, renders the back affordance with {@link backIcon}. */ showBack?: boolean; /** Invoked when the back control is activated. */ onBack?: () => void; /** Icon element for the back control. */ backIcon?: ReactElement; /** Resolved icon wrapper for leading/top slots; omit when no dialog icon. */ icon?: ReactElement; showIcon?: boolean; iconColor?: SurfaceColor; /** Where the icon is placed inside the header vs content (see {@link DialogIconSlot}). */ iconSlot: DialogIconSlot; /** Title alignment passed to {@link DialogTitle}. */ titleAlign?: 'start' | 'center' | 'end'; /** Title text. */ label?: string; /** Action buttons (see {@link DialogActions}). */ actions?: DialogActionsProps['actions']; actionsAlign?: DialogActionsProps['align']; actionsStack?: DialogActionsProps['stack']; maxActions?: DialogActionsProps['maxActions']; moreLabel?: DialogActionsProps['moreLabel']; moreIcon?: DialogActionsProps['moreIcon']; /** Optional content after actions / before close in the header row. */ trailing?: ReactNode; /** When true, renders the close control with {@link closeIcon}. */ showClose?: boolean; /** Invoked when the close control is activated. */ onClose?: () => void; /** Icon element for the close control (already resolved to default or override). */ closeIcon?: ReactElement; font?: ElementFont; } /** * Dialog title row: leading/back/icon, title, inline actions, trailing, and close. * * @remarks * Non-inline actions are omitted here and rendered below the content by the parent. * * @function * @param props Component properties. * * @category Dialog */ export declare const DialogHeader: { ({ leading, showBack, onBack, backIcon, icon, showIcon, iconColor, iconSlot, titleAlign, label, actions, actionsAlign, actionsStack, maxActions, moreLabel, moreIcon, trailing, showClose, onClose, closeIcon, font, }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element; displayName: string; };