/// <reference types="@emotion/styled/macro" />
import React, { ReactNode } from 'react';
import { BORDER_RADIUSES } from '../../constants';
import { TooltipProps } from 'components/common/tooltip.component';
import { Keyframes } from "@emotion/serialize";
declare type Position = 'fixed' | 'absolute';
export declare const OPEN_CLOSE_DURATION = 500;
export declare const noneOverlay: Keyframes;
export declare const fadeOutLighter: Keyframes;
export declare const fadeInLighter: Keyframes;
export declare const fadeIn: Keyframes;
export declare const fadeOut: Keyframes;
export declare type OverlayTypes = 'regular' | 'light' | 'none';
export declare const Overlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    isClosing: boolean;
    position?: "fixed" | "absolute" | undefined;
    type?: "none" | "light" | "regular" | undefined;
}, object>;
export declare enum ShadowType {
    NONE = "none",
    SMALL_DARK = "smallDark",
    LARGE_DARK = "largeDark"
}
declare type AlignTypes = 'center' | 'bottom' | 'left';
export interface PopupProps extends TooltipProps {
    title?: ReactNode | string;
    forceMobile?: boolean;
    position?: Position;
    disableCloseOnOverlayClick?: boolean;
    isOpen?: boolean;
    closeButton?: boolean;
    maxWidth?: string;
    fullHeight?: boolean;
    align?: AlignTypes;
    disabled?: boolean;
    shadowType?: ShadowType;
    overFlow?: 'hidden' | 'unset';
    top?: string;
    borderRadius?: BORDER_RADIUSES | 0;
    closeButtonType?: 'close' | 'back';
    overlayType?: OverlayTypes;
}
export declare const PopUp: React.FC<PopupProps>;
export {};