import React from "react"; import { Alignment } from "@blueprintjs/core"; import { LabelPosition } from "Types/common"; import Tooltip from "Tooltip"; export interface LabelWithTooltipProps { alignment?: Alignment; className?: string; color?: string; compact: boolean; disabled?: boolean; fontSize?: string; fontStyle?: string; helpText?: string; cyHelpTextClassName?: string; inline?: boolean; loading?: boolean; optionCount?: number; position?: LabelPosition; text: string; width?: number; } export interface LabelContainerProps { alignment?: Alignment; compact: boolean; inline?: boolean; optionCount?: number; position?: LabelPosition; width?: number; } export interface StyledLabelProps { color?: string; compact: boolean; disabled?: boolean; fontSize?: string; fontStyle?: string; hasHelpText: boolean; position?: LabelPosition; } /** * Class name for a label container */ export declare const LABEL_CONTAINER_CLASS = "label-container"; /** * Max width of the label, specified in percentage(%) */ export declare const LABEL_MAX_WIDTH_RATE = 70; /** * Default margin-top or margin-right value between label, help text and input */ export declare const LABEL_DEFAULT_GAP = "5px"; /** * The amount of time in milliseconds the popover on the label with ellipsis * should wait before opening after the user hovers over the trigger */ export declare const LABEL_TOOLTIP_OPEN_DELAY = 200; /** * Default label width in percentage */ export declare const LABEL_DEFAULT_WIDTH_RATE = 33; /** * Size of the icon used as a tooltip target, in pixels */ export declare const TOOLTIP_ICON_SIZE = 14; export declare const labelLayoutStyles: import("styled-components").FlattenInterpolation>; export declare const multiSelectInputContainerStyles: import("styled-components").FlattenInterpolation>; export declare const StyledTooltip: import("styled-components").StyledComponent; export declare const StyledLabel: import("styled-components").StyledComponent & import("@blueprintjs/core").IElementRefProps>, any, StyledLabelProps, never>; declare const LabelWithTooltip: React.ForwardRefExoticComponent>; export default LabelWithTooltip;