import { overlayBorderRadius, positions } from './constants';
import { Theme } from '@cleartrip/ct-design-theme';
export declare const getTooltipBorderSize: (borderSize: `${overlayBorderRadius}`, theme: Theme) => {
    borderRadius: 4;
} | {
    borderRadius: 6;
} | {
    borderRadius: 8;
} | {
    borderRadius: 16;
} | {
    borderRadius: 32;
};
export declare const getTooltipAutoPositionStyle: ({ labelRef, tooltipRef, anchorRef, }: {
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
}) => {
    left: number;
    top: number;
} | {
    top: number;
    left?: undefined;
} | {
    left?: undefined;
    top?: undefined;
};
export declare const getTooltipBottomPosition: ({ labelRef, tooltipRef, anchorRef, }: {
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
}) => {
    top: number;
    left: number;
} | {
    top?: undefined;
    left?: undefined;
};
export declare const getTooltipTopPosition: ({ labelRef, tooltipRef, anchorRef, }: {
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
}) => {
    top: number;
    left: number;
} | {
    top?: undefined;
    left?: undefined;
};
export declare const getTooltipPosition: ({ position, labelRef, tooltipRef, anchorRef, }: {
    position: `${positions}`;
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
    theme: Theme;
}) => {
    left: number;
    top: number;
} | {
    top: number;
    left?: undefined;
} | {
    left?: undefined;
    top?: undefined;
} | undefined;
export declare const getTooltipAutoArrowStyles: ({ labelRef, tooltipRef, anchorRef, }: {
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
}) => {
    top: number;
    left: number;
    rotate?: undefined;
} | {
    rotate: string;
    left: number;
    top: number;
} | {
    top?: undefined;
    left?: undefined;
    rotate?: undefined;
};
export declare const getTooltipArrowStyles: ({ position, labelRef, tooltipRef, anchorRef, }: {
    position: `${positions}`;
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
    theme: Theme;
}) => {
    top: number;
    left: number;
    rotate?: undefined;
} | {
    rotate: string;
    left: number;
    top: number;
} | {
    top?: undefined;
    left?: undefined;
    rotate?: undefined;
};
export declare const getTooltipStyles: ({ borderSize, position, labelRef, tooltipRef, anchorRef, theme, }: {
    borderSize: `${overlayBorderRadius}`;
    position: `${positions}`;
    labelRef: React.RefObject<HTMLDivElement | null>;
    tooltipRef: React.RefObject<HTMLDivElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
    theme: Theme;
}) => {
    borderRadius: 4;
    left: number;
    top: number;
} | {
    borderRadius: 6;
    left: number;
    top: number;
} | {
    borderRadius: 8;
    left: number;
    top: number;
} | {
    borderRadius: 16;
    left: number;
    top: number;
} | {
    borderRadius: 32;
    left: number;
    top: number;
} | {
    borderRadius: 4;
    top: number;
    left?: undefined;
} | {
    borderRadius: 6;
    top: number;
    left?: undefined;
} | {
    borderRadius: 8;
    top: number;
    left?: undefined;
} | {
    borderRadius: 16;
    top: number;
    left?: undefined;
} | {
    borderRadius: 32;
    top: number;
    left?: undefined;
} | {
    borderRadius: 4;
    left?: undefined;
    top?: undefined;
} | {
    borderRadius: 6;
    left?: undefined;
    top?: undefined;
} | {
    borderRadius: 8;
    left?: undefined;
    top?: undefined;
} | {
    borderRadius: 16;
    left?: undefined;
    top?: undefined;
} | {
    borderRadius: 32;
    left?: undefined;
    top?: undefined;
};
//# sourceMappingURL=webStyle.d.ts.map