import React from "react";
declare const sizeMapping: {
    xl: number;
    lg: number;
    md: number;
    sm: number;
};
declare enum TranslationKeys {
    close = "wfss-components.close"
}
declare const defaultTranslate: (arg: {
    id: TranslationKeys;
    values?: any;
}) => string;
export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
    isOpen?: boolean;
    /** An overlay over the rest of the document to draw focus to this push navigation */
    showOverlay?: boolean;
    /** Occurs when user clicks on the overlay. Only used when showOverlay is true. */
    onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
    /** A classname to be applied to the animated element. Usuaully not used unless you know what you're doing. */
    outerClassName?: string;
    /** The max-width of the element */
    size?: keyof typeof sizeMapping | number;
    /** Whether or not to render a close button. */
    closable?: boolean;
    /** Callback for close button click. */
    onCloseClick?: React.MouseEventHandler<HTMLDivElement>;
    /** Position the element will animate from. Defaults to left. */
    position?: "left" | "right";
    /** Position of the close button. Also only valid when closable is true. Defaults to opposite of position */
    closePosition?: "left" | "right";
    /** When or not the element will try to take up the full screen or not. If this is supposed to be positioned under another element, probably set this to fasle. Defaults to false. */
    fullScreenMode?: boolean;
    /** Translation fucntion */
    translate?: typeof defaultTranslate;
}
declare const PushOverWithRef: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
export default PushOverWithRef;