export interface Clickable { onClick?: (evt: MouseEvent) => void; } interface ElementSize { width: number; height: number; } export type SizeAwareLabelProps = React.HTMLProps<"div"> & Clickable & { label: React.ReactNode; labelClassName: string; isShown?: boolean; onClick?: (evt: MouseEvent) => void; positionTolerance?: number; allowRotation?: boolean; /** An extra value folded into the fit-measurement dependencies. Change it to * force a re-measure without the label text changing — e.g. pass a flag that * flips when an animation settles, so the label re-fits to its final size * (and not on every intermediate frame). */ remeasureKey?: unknown; onVisibilityChanged?(fits: boolean, containerSize: ElementSize, labelSize: ElementSize): void; }; declare function SizeAwareLabel(props: SizeAwareLabelProps): import('react').ReactElement<{ className: string | undefined; ref: import('react').RefObject; onClick: (import('react').MouseEventHandler<"div"> & ((evt: MouseEvent) => void) & ((evt: MouseEvent) => void)) | undefined; accept?: string | undefined; acceptCharset?: string | undefined; action?: string | undefined | ((formData: FormData) => void | Promise) | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS]; allowFullScreen?: boolean | undefined; allowTransparency?: boolean | undefined; alt?: string | undefined; as?: string | undefined; async?: boolean | undefined; autoComplete?: string | undefined; autoPlay?: boolean | undefined; capture?: boolean | "user" | "environment" | undefined; cellPadding?: number | string | undefined; cellSpacing?: number | string | undefined; charSet?: string | undefined; challenge?: string | undefined; checked?: boolean | undefined; cite?: string | undefined; classID?: string | undefined; cols?: number | undefined; colSpan?: number | undefined; controls?: boolean | undefined; coords?: string | undefined; crossOrigin?: "" | "anonymous" | "use-credentials" | undefined; data?: string | undefined; dateTime?: string | undefined; default?: boolean | undefined; defer?: boolean | undefined; disabled?: boolean | undefined; download?: any; encType?: string | undefined; form?: string | undefined; formAction?: string | undefined | ((formData: FormData) => void | Promise) | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS]; formEncType?: string | undefined; formMethod?: string | undefined; formNoValidate?: boolean | undefined; formTarget?: string | undefined; frameBorder?: number | string | undefined; headers?: string | undefined; height?: number | string | undefined; high?: number | undefined; href?: string | undefined; hrefLang?: string | undefined; htmlFor?: string | undefined; httpEquiv?: string | undefined; integrity?: string | undefined; keyParams?: string | undefined; keyType?: string | undefined; kind?: string | undefined; list?: string | undefined; loop?: boolean | undefined; low?: number | undefined; manifest?: string | undefined; marginHeight?: number | undefined; marginWidth?: number | undefined; max?: number | string | undefined; maxLength?: number | undefined; media?: string | undefined; mediaGroup?: string | undefined; method?: string | undefined; min?: number | string | undefined; minLength?: number | undefined; multiple?: boolean | undefined; muted?: boolean | undefined; name?: string | undefined; noValidate?: boolean | undefined; open?: boolean | undefined; optimum?: number | undefined; pattern?: string | undefined; placeholder?: string | undefined; playsInline?: boolean | undefined; poster?: string | undefined; preload?: string | undefined; readOnly?: boolean | undefined; required?: boolean | undefined; reversed?: boolean | undefined; rows?: number | undefined; rowSpan?: number | undefined; sandbox?: string | undefined; scope?: string | undefined; scoped?: boolean | undefined; scrolling?: string | undefined; seamless?: boolean | undefined; selected?: boolean | undefined; shape?: string | undefined; size?: number | undefined; sizes?: string | undefined; span?: number | undefined; src?: string | undefined; srcDoc?: string | undefined; srcLang?: string | undefined; srcSet?: string | undefined; start?: number | undefined; step?: number | string | undefined; summary?: string | undefined; target?: string | undefined; type?: string | undefined; useMap?: string | undefined; value?: string | readonly string[] | number | undefined; width?: number | string | undefined; wmode?: string | undefined; wrap?: string | undefined; defaultChecked?: boolean | undefined; defaultValue?: string | number | readonly string[] | undefined; suppressContentEditableWarning?: boolean | undefined; suppressHydrationWarning?: boolean | undefined; accessKey?: string | undefined; autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}); autoFocus?: boolean | undefined; contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined; contextMenu?: string | undefined; dir?: string | undefined; draggable?: (boolean | "true" | "false") | undefined; enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined; hidden?: boolean | undefined; id?: string | undefined; lang?: string | undefined; nonce?: string | undefined; slot?: string | undefined; spellCheck?: (boolean | "true" | "false") | undefined; style?: import('react').CSSProperties | undefined; tabIndex?: number | undefined; title?: string | undefined; translate?: "yes" | "no" | undefined; radioGroup?: string | undefined; role?: import('react').AriaRole | undefined; about?: string | undefined; content?: string | undefined; datatype?: string | undefined; inlist?: any; prefix?: string | undefined; property?: string | undefined; rel?: string | undefined; resource?: string | undefined; rev?: string | undefined; typeof?: string | undefined; vocab?: string | undefined; autoCorrect?: string | undefined; autoSave?: string | undefined; color?: string | undefined; itemProp?: string | undefined; itemScope?: boolean | undefined; itemType?: string | undefined; itemID?: string | undefined; itemRef?: string | undefined; results?: number | undefined; security?: string | undefined; unselectable?: "on" | "off" | undefined; popover?: "" | "auto" | "manual" | "hint" | undefined; popoverTargetAction?: "toggle" | "show" | "hide" | undefined; popoverTarget?: string | undefined; inert?: boolean | undefined; inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined; is?: string | undefined; exportparts?: string | undefined; part?: string | undefined; "aria-activedescendant"?: string | undefined; "aria-atomic"?: (boolean | "true" | "false") | undefined; "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined; "aria-braillelabel"?: string | undefined; "aria-brailleroledescription"?: string | undefined; "aria-busy"?: (boolean | "true" | "false") | undefined; "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined; "aria-colcount"?: number | undefined; "aria-colindex"?: number | undefined; "aria-colindextext"?: string | undefined; "aria-colspan"?: number | undefined; "aria-controls"?: string | undefined; "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined; "aria-describedby"?: string | undefined; "aria-description"?: string | undefined; "aria-details"?: string | undefined; "aria-disabled"?: (boolean | "true" | "false") | undefined; "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined; "aria-errormessage"?: string | undefined; "aria-expanded"?: (boolean | "true" | "false") | undefined; "aria-flowto"?: string | undefined; "aria-grabbed"?: (boolean | "true" | "false") | undefined; "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined; "aria-hidden"?: (boolean | "true" | "false") | undefined; "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined; "aria-keyshortcuts"?: string | undefined; "aria-label"?: string | undefined; "aria-labelledby"?: string | undefined; "aria-level"?: number | undefined; "aria-live"?: "off" | "assertive" | "polite" | undefined; "aria-modal"?: (boolean | "true" | "false") | undefined; "aria-multiline"?: (boolean | "true" | "false") | undefined; "aria-multiselectable"?: (boolean | "true" | "false") | undefined; "aria-orientation"?: "horizontal" | "vertical" | undefined; "aria-owns"?: string | undefined; "aria-placeholder"?: string | undefined; "aria-posinset"?: number | undefined; "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined; "aria-readonly"?: (boolean | "true" | "false") | undefined; "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined; "aria-required"?: (boolean | "true" | "false") | undefined; "aria-roledescription"?: string | undefined; "aria-rowcount"?: number | undefined; "aria-rowindex"?: number | undefined; "aria-rowindextext"?: string | undefined; "aria-rowspan"?: number | undefined; "aria-selected"?: (boolean | "true" | "false") | undefined; "aria-setsize"?: number | undefined; "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined; "aria-valuemax"?: number | undefined; "aria-valuemin"?: number | undefined; "aria-valuenow"?: number | undefined; "aria-valuetext"?: string | undefined; children?: import('react').ReactNode | undefined; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; } | undefined; onCopy?: import('react').ClipboardEventHandler<"div"> | undefined; onCopyCapture?: import('react').ClipboardEventHandler<"div"> | undefined; onCut?: import('react').ClipboardEventHandler<"div"> | undefined; onCutCapture?: import('react').ClipboardEventHandler<"div"> | undefined; onPaste?: import('react').ClipboardEventHandler<"div"> | undefined; onPasteCapture?: import('react').ClipboardEventHandler<"div"> | undefined; onCompositionEnd?: import('react').CompositionEventHandler<"div"> | undefined; onCompositionEndCapture?: import('react').CompositionEventHandler<"div"> | undefined; onCompositionStart?: import('react').CompositionEventHandler<"div"> | undefined; onCompositionStartCapture?: import('react').CompositionEventHandler<"div"> | undefined; onCompositionUpdate?: import('react').CompositionEventHandler<"div"> | undefined; onCompositionUpdateCapture?: import('react').CompositionEventHandler<"div"> | undefined; onFocus?: import('react').FocusEventHandler<"div"> | undefined; onFocusCapture?: import('react').FocusEventHandler<"div"> | undefined; onBlur?: import('react').FocusEventHandler<"div"> | undefined; onBlurCapture?: import('react').FocusEventHandler<"div"> | undefined; onChange?: import('react').ChangeEventHandler<"div", Element> | undefined; onChangeCapture?: import('react').ChangeEventHandler<"div", Element> | undefined; onBeforeInput?: import('react').InputEventHandler<"div"> | undefined; onBeforeInputCapture?: import('react').InputEventHandler<"div"> | undefined; onInput?: import('react').InputEventHandler<"div"> | undefined; onInputCapture?: import('react').InputEventHandler<"div"> | undefined; onReset?: import('react').ReactEventHandler<"div"> | undefined; onResetCapture?: import('react').ReactEventHandler<"div"> | undefined; onSubmit?: import('react').SubmitEventHandler<"div"> | undefined; onSubmitCapture?: import('react').SubmitEventHandler<"div"> | undefined; onInvalid?: import('react').ReactEventHandler<"div"> | undefined; onInvalidCapture?: import('react').ReactEventHandler<"div"> | undefined; onLoad?: import('react').ReactEventHandler<"div"> | undefined; onLoadCapture?: import('react').ReactEventHandler<"div"> | undefined; onError?: import('react').ReactEventHandler<"div"> | undefined; onErrorCapture?: import('react').ReactEventHandler<"div"> | undefined; onKeyDown?: import('react').KeyboardEventHandler<"div"> | undefined; onKeyDownCapture?: import('react').KeyboardEventHandler<"div"> | undefined; onKeyPress?: import('react').KeyboardEventHandler<"div"> | undefined; onKeyPressCapture?: import('react').KeyboardEventHandler<"div"> | undefined; onKeyUp?: import('react').KeyboardEventHandler<"div"> | undefined; onKeyUpCapture?: import('react').KeyboardEventHandler<"div"> | undefined; onAbort?: import('react').ReactEventHandler<"div"> | undefined; onAbortCapture?: import('react').ReactEventHandler<"div"> | undefined; onCanPlay?: import('react').ReactEventHandler<"div"> | undefined; onCanPlayCapture?: import('react').ReactEventHandler<"div"> | undefined; onCanPlayThrough?: import('react').ReactEventHandler<"div"> | undefined; onCanPlayThroughCapture?: import('react').ReactEventHandler<"div"> | undefined; onDurationChange?: import('react').ReactEventHandler<"div"> | undefined; onDurationChangeCapture?: import('react').ReactEventHandler<"div"> | undefined; onEmptied?: import('react').ReactEventHandler<"div"> | undefined; onEmptiedCapture?: import('react').ReactEventHandler<"div"> | undefined; onEncrypted?: import('react').ReactEventHandler<"div"> | undefined; onEncryptedCapture?: import('react').ReactEventHandler<"div"> | undefined; onEnded?: import('react').ReactEventHandler<"div"> | undefined; onEndedCapture?: import('react').ReactEventHandler<"div"> | undefined; onLoadedData?: import('react').ReactEventHandler<"div"> | undefined; onLoadedDataCapture?: import('react').ReactEventHandler<"div"> | undefined; onLoadedMetadata?: import('react').ReactEventHandler<"div"> | undefined; onLoadedMetadataCapture?: import('react').ReactEventHandler<"div"> | undefined; onLoadStart?: import('react').ReactEventHandler<"div"> | undefined; onLoadStartCapture?: import('react').ReactEventHandler<"div"> | undefined; onPause?: import('react').ReactEventHandler<"div"> | undefined; onPauseCapture?: import('react').ReactEventHandler<"div"> | undefined; onPlay?: import('react').ReactEventHandler<"div"> | undefined; onPlayCapture?: import('react').ReactEventHandler<"div"> | undefined; onPlaying?: import('react').ReactEventHandler<"div"> | undefined; onPlayingCapture?: import('react').ReactEventHandler<"div"> | undefined; onProgress?: import('react').ReactEventHandler<"div"> | undefined; onProgressCapture?: import('react').ReactEventHandler<"div"> | undefined; onRateChange?: import('react').ReactEventHandler<"div"> | undefined; onRateChangeCapture?: import('react').ReactEventHandler<"div"> | undefined; onSeeked?: import('react').ReactEventHandler<"div"> | undefined; onSeekedCapture?: import('react').ReactEventHandler<"div"> | undefined; onSeeking?: import('react').ReactEventHandler<"div"> | undefined; onSeekingCapture?: import('react').ReactEventHandler<"div"> | undefined; onStalled?: import('react').ReactEventHandler<"div"> | undefined; onStalledCapture?: import('react').ReactEventHandler<"div"> | undefined; onSuspend?: import('react').ReactEventHandler<"div"> | undefined; onSuspendCapture?: import('react').ReactEventHandler<"div"> | undefined; onTimeUpdate?: import('react').ReactEventHandler<"div"> | undefined; onTimeUpdateCapture?: import('react').ReactEventHandler<"div"> | undefined; onVolumeChange?: import('react').ReactEventHandler<"div"> | undefined; onVolumeChangeCapture?: import('react').ReactEventHandler<"div"> | undefined; onWaiting?: import('react').ReactEventHandler<"div"> | undefined; onWaitingCapture?: import('react').ReactEventHandler<"div"> | undefined; onAuxClick?: import('react').MouseEventHandler<"div"> | undefined; onAuxClickCapture?: import('react').MouseEventHandler<"div"> | undefined; onClickCapture?: import('react').MouseEventHandler<"div"> | undefined; onContextMenu?: import('react').MouseEventHandler<"div"> | undefined; onContextMenuCapture?: import('react').MouseEventHandler<"div"> | undefined; onDoubleClick?: import('react').MouseEventHandler<"div"> | undefined; onDoubleClickCapture?: import('react').MouseEventHandler<"div"> | undefined; onDrag?: import('react').DragEventHandler<"div"> | undefined; onDragCapture?: import('react').DragEventHandler<"div"> | undefined; onDragEnd?: import('react').DragEventHandler<"div"> | undefined; onDragEndCapture?: import('react').DragEventHandler<"div"> | undefined; onDragEnter?: import('react').DragEventHandler<"div"> | undefined; onDragEnterCapture?: import('react').DragEventHandler<"div"> | undefined; onDragExit?: import('react').DragEventHandler<"div"> | undefined; onDragExitCapture?: import('react').DragEventHandler<"div"> | undefined; onDragLeave?: import('react').DragEventHandler<"div"> | undefined; onDragLeaveCapture?: import('react').DragEventHandler<"div"> | undefined; onDragOver?: import('react').DragEventHandler<"div"> | undefined; onDragOverCapture?: import('react').DragEventHandler<"div"> | undefined; onDragStart?: import('react').DragEventHandler<"div"> | undefined; onDragStartCapture?: import('react').DragEventHandler<"div"> | undefined; onDrop?: import('react').DragEventHandler<"div"> | undefined; onDropCapture?: import('react').DragEventHandler<"div"> | undefined; onMouseDown?: import('react').MouseEventHandler<"div"> | undefined; onMouseDownCapture?: import('react').MouseEventHandler<"div"> | undefined; onMouseEnter?: import('react').MouseEventHandler<"div"> | undefined; onMouseLeave?: import('react').MouseEventHandler<"div"> | undefined; onMouseMove?: import('react').MouseEventHandler<"div"> | undefined; onMouseMoveCapture?: import('react').MouseEventHandler<"div"> | undefined; onMouseOut?: import('react').MouseEventHandler<"div"> | undefined; onMouseOutCapture?: import('react').MouseEventHandler<"div"> | undefined; onMouseOver?: import('react').MouseEventHandler<"div"> | undefined; onMouseOverCapture?: import('react').MouseEventHandler<"div"> | undefined; onMouseUp?: import('react').MouseEventHandler<"div"> | undefined; onMouseUpCapture?: import('react').MouseEventHandler<"div"> | undefined; onSelect?: import('react').ReactEventHandler<"div"> | undefined; onSelectCapture?: import('react').ReactEventHandler<"div"> | undefined; onTouchCancel?: import('react').TouchEventHandler<"div"> | undefined; onTouchCancelCapture?: import('react').TouchEventHandler<"div"> | undefined; onTouchEnd?: import('react').TouchEventHandler<"div"> | undefined; onTouchEndCapture?: import('react').TouchEventHandler<"div"> | undefined; onTouchMove?: import('react').TouchEventHandler<"div"> | undefined; onTouchMoveCapture?: import('react').TouchEventHandler<"div"> | undefined; onTouchStart?: import('react').TouchEventHandler<"div"> | undefined; onTouchStartCapture?: import('react').TouchEventHandler<"div"> | undefined; onPointerDown?: import('react').PointerEventHandler<"div"> | undefined; onPointerDownCapture?: import('react').PointerEventHandler<"div"> | undefined; onPointerMove?: import('react').PointerEventHandler<"div"> | undefined; onPointerMoveCapture?: import('react').PointerEventHandler<"div"> | undefined; onPointerUp?: import('react').PointerEventHandler<"div"> | undefined; onPointerUpCapture?: import('react').PointerEventHandler<"div"> | undefined; onPointerCancel?: import('react').PointerEventHandler<"div"> | undefined; onPointerCancelCapture?: import('react').PointerEventHandler<"div"> | undefined; onPointerEnter?: import('react').PointerEventHandler<"div"> | undefined; onPointerLeave?: import('react').PointerEventHandler<"div"> | undefined; onPointerOver?: import('react').PointerEventHandler<"div"> | undefined; onPointerOverCapture?: import('react').PointerEventHandler<"div"> | undefined; onPointerOut?: import('react').PointerEventHandler<"div"> | undefined; onPointerOutCapture?: import('react').PointerEventHandler<"div"> | undefined; onGotPointerCapture?: import('react').PointerEventHandler<"div"> | undefined; onGotPointerCaptureCapture?: import('react').PointerEventHandler<"div"> | undefined; onLostPointerCapture?: import('react').PointerEventHandler<"div"> | undefined; onLostPointerCaptureCapture?: import('react').PointerEventHandler<"div"> | undefined; onScroll?: import('react').UIEventHandler<"div"> | undefined; onScrollCapture?: import('react').UIEventHandler<"div"> | undefined; onScrollEnd?: import('react').UIEventHandler<"div"> | undefined; onScrollEndCapture?: import('react').UIEventHandler<"div"> | undefined; onWheel?: import('react').WheelEventHandler<"div"> | undefined; onWheelCapture?: import('react').WheelEventHandler<"div"> | undefined; onAnimationStart?: import('react').AnimationEventHandler<"div"> | undefined; onAnimationStartCapture?: import('react').AnimationEventHandler<"div"> | undefined; onAnimationEnd?: import('react').AnimationEventHandler<"div"> | undefined; onAnimationEndCapture?: import('react').AnimationEventHandler<"div"> | undefined; onAnimationIteration?: import('react').AnimationEventHandler<"div"> | undefined; onAnimationIterationCapture?: import('react').AnimationEventHandler<"div"> | undefined; onToggle?: import('react').ToggleEventHandler<"div"> | undefined; onBeforeToggle?: import('react').ToggleEventHandler<"div"> | undefined; onTransitionCancel?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionCancelCapture?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionEnd?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionEndCapture?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionRun?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionRunCapture?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionStart?: import('react').TransitionEventHandler<"div"> | undefined; onTransitionStartCapture?: import('react').TransitionEventHandler<"div"> | undefined; key?: import('react').Key | null | undefined; }, string | import('react').JSXElementConstructor>; export { SizeAwareLabel };