import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export type Placement = "top" | "bottom" | "left" | "right";
export interface TooltipSkin {
    /** The bubble surface: shape, radius, inverse fill, padding, elevation. */
    bubble: (t: ColorTokens) => ViewStyle;
    /** The tip label: size/weight, painted in the inverse text token. */
    label: (t: ColorTokens) => TextStyle;
    /** The arrow's side length (a square turned 45 degrees, half of it past the bubble's
     *  edge); omitted, the bubble draws no arrow (the Material 3 plain tooltip). */
    arrow?: number;
}
export declare const BUBBLE_GAP = 6;
export declare const HOVER_GRACE_MS = 100;
export declare function bubbleParts(bubble: ViewStyle): {
    surface: ViewStyle;
    padding: ViewStyle;
};
export declare const inlineAnchor: Record<Placement, ViewStyle>;
export declare const iconTrigger: ViewStyle;
export declare const textTrigger: ViewStyle;
export declare const textTriggerLabel: (t: ColorTokens) => TextStyle;
export declare const webSkin: TooltipSkin;
/**
 * The arrow on the edge of the bubble that faces the trigger: a square of side `size`
 * turned 45 degrees in the bubble's fill, half of it past the edge, centred on the edge
 * (the bubble is centred on its trigger on every side).
 */
export declare function arrowStyle(size: number, fill: string, placement: Placement): ViewStyle;
export declare const iosSkin: TooltipSkin;
export declare const androidSkin: TooltipSkin;
//# sourceMappingURL=tooltip.styles.d.ts.map