import { BoxProps } from "../Box";
import { StackProps } from "../Stack";
export declare enum MODAL_SIZE {
    DEFAULT = "default",
    LARGE = "large",
    FULL = "full"
}
export interface ModalProps extends BoxProps {
    title?: string;
    secondaryTitle?: string;
    description?: string;
    isOpen?: boolean;
    onClose?: () => void;
    autoFocus?: boolean;
    disableOutsideClick?: boolean;
    disableEscClose?: boolean;
    hideCloseButton?: boolean;
    size?: MODAL_SIZE;
    center?: boolean;
}
export interface ModalBodyProps extends BoxProps {
    padded?: boolean;
}
export interface ModalFooterMultiStepProps extends BoxProps {
    steps: number;
    currentStep: number;
    leftButtonLabel?: string;
    rightButtonLabel?: string;
}
export declare const ModalBody: (props: ModalBodyProps) => JSX.Element;
export declare const ModalTabs: (props: StackProps) => JSX.Element;
export declare const ModalFooter: (props: BoxProps) => JSX.Element;
export declare const ModalFooterMultiStep: ({ steps, currentStep, leftButtonLabel, rightButtonLabel, children, className, ...rest }: ModalFooterMultiStepProps) => JSX.Element;
export declare const Modal: {
    (props: ModalProps): JSX.Element | null;
    Tabs: (props: StackProps) => JSX.Element;
    Body: (props: ModalBodyProps) => JSX.Element;
    Footer: (props: BoxProps) => JSX.Element;
    FooterMultiStep: ({ steps, currentStep, leftButtonLabel, rightButtonLabel, children, className, ...rest }: ModalFooterMultiStepProps) => JSX.Element;
};