import { ReactNode, default as React } from 'react';
import { ModalProps, OverlayProps } from '../../';
export type Direction = 'leftSide' | 'rightSide' | 'bottomSide';
export type WidthSize = 'full' | 'partial';
export interface SlideOverProps extends Omit<ModalProps, 'title'> {
    /**
     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
     */
    testId?: string;
    /**
     * A boolean value that represents the state of the SlideOver
     */
    isOpen: boolean;
    /**
     * Represents the side that the SlideOver comes from.
     */
    direction: Direction;
    /**
     * Represents the size of the SlideOver.
     */
    size: WidthSize;
    /**
     * Represents the fade effect of the SlideOver.
     */
    fade: 'in' | 'out';
    children: ReactNode;
    /**
     * Props forwarded to the `Overlay` component.
     */
    overlayProps?: OverlayProps;
    /**
     * This function is called whenever the user clicks outside.
     * the modal content
     */
    onDismiss?: () => void;
}
declare function SlideOver({ testId, isOpen, direction, size, fade, children, overlayProps, onDismiss, ...otherProps }: SlideOverProps): React.JSX.Element;
export default SlideOver;
//# sourceMappingURL=SlideOver.d.ts.map