import { WidthRegistry } from '../../../../hooks/useWidthRegistry'; import { DynamicToolbarAction } from './planToolbarActions'; import { ToolbarTranslations } from './useTranslations'; export declare const KEY_TITLE = "title"; export declare const KEY_LEADING = "slot:leading"; export declare const KEY_SEARCH = "slot:search"; export declare const KEY_STATUS = "slot:status"; export declare const KEY_SELECTION_INDICATOR = "selection-indicator"; export declare const KEY_MORE_BUTTON = "more-button"; export declare const filterKey: (iconOnly: boolean) => string; export declare const trailingKey: (iconOnly: boolean) => string; export declare const actionKey: (id: string, showLabel: boolean) => string; export interface SelectionIndicatorMeasurement { selectedCount: number; hasClear: boolean; translations: ToolbarTranslations; } /** Invisible strip rendering every action in both variants, so the planners * work with real rendered widths instead of guesses. */ export declare function ToolbarMeasurementStrip({ actions, register, overflowMenuLabel, selectionIndicator, title, titleClassName, }: { actions: DynamicToolbarAction[]; register: WidthRegistry['register']; overflowMenuLabel: string; selectionIndicator?: SelectionIndicatorMeasurement; /** Title measured as an unconstrained single line (the visible heading is clamped). */ title?: string; /** Typography classes matching the visible heading, so the width is real. */ titleClassName?: string; }): JSX.Element;