/// <reference types="react" />
import { Props } from './PopOver.types';
type StyledSpanProps = {
    $inModal: Props['inModal'];
    $pointerEvents?: Props['pointerEvents'];
};
export declare const StyledSpan: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledSpanProps>>;
export declare const StyledTooltipContent: import("styled-components").IStyledComponent<"web", {
    label: import("react").ReactNode;
    maxWidth?: number | undefined;
    backgroundColor: import("../Types").ColorFn;
    borderColor: import("../Types").ColorFn;
    ariaLabel?: string | undefined;
    bottomSheet: boolean;
    bottomSheetTitle?: string | undefined;
    onBottomSheetClose?: (() => void) | undefined;
    invertedColors?: boolean | undefined;
}> & import("react").FC<import("./TooltipContent/TooltipContent.types").TooltipContentProps>;
export declare const bottomSheetStyles: {
    left: number;
    bottom: number;
    width: string;
    position: string;
    padding: number;
    transform: string;
    display: string;
};
export declare const hideArrowStyles: {
    display: string;
};
export {};
