export declare const Modal: {
    baseStyle: {
        width: string;
        height: string;
    };
    sizes: {
        xs: {
            contentSize: {
                width: string;
            };
        };
        sm: {
            contentSize: {
                width: string;
            };
        };
        md: {
            contentSize: {
                width: string;
            };
        };
        lg: {
            contentSize: {
                width: string;
            };
        };
        xl: {
            contentSize: {
                width: string;
            };
        };
        full: {
            contentSize: {
                width: string;
            };
        };
    };
    defaultProps: {
        size: string;
        closeOnOverlayClick: boolean;
    };
};
export declare const ModalContent: {
    baseStyle: (props: Record<string, any>) => {
        bg: any;
        p: number;
        rounded: string;
    };
};
export declare const ModalCloseButton: {
    baseStyle: {
        position: string;
        right: number;
        top: number;
        zIndex: number;
    };
    defaultProps: {
        size: number;
    };
};
export declare const ModalHeader: {
    baseStyle: {
        pb: number;
    };
};
export declare const ModalBody: {
    baseStyle: {
        mb: number;
        fontSize: string;
    };
};
export declare const ModalFooter: {
    baseStyle: {
        flexDirection: string;
        justifyContent: string;
        flexWrap: string;
    };
};
export declare const ModalOverlay: {
    baseStyle: {
        position: string;
        left: number;
        top: number;
        opacity: number;
        right: number;
        bottom: number;
    };
};