import * as React from "react";
interface IProps {
    open: boolean;
    fixed?: boolean;
    fluid?: boolean;
    layer?: number;
    contentStyle?: {};
    children: React.ReactNode;
    onClose?: () => void;
    shouldCloseOnOverlayClick?: boolean;
    shouldCloseOnEsc?: boolean;
    extraLarge?: boolean;
    scrollable?: boolean;
    scrollableWithStickyComponents?: boolean;
    appElement?: HTMLElement | HTMLElement[] | HTMLCollection | NodeList;
}
declare const DSModal: {
    (props: IProps): JSX.Element;
    CloseButton: ({ onClick }: {
        onClick?: (() => void) | undefined;
    }) => JSX.Element;
    Separator: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: React.ElementType<any> | undefined;
    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
    Footer: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: React.ElementType<any> | undefined;
    } & {
        float?: "left" | "right" | undefined;
    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
    SideContent: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: React.ElementType<any> | undefined;
    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
};
export { DSModal };