export declare const Modal: {
    baseStyle: {
        width: string;
        height: string;
        justifyContent: string;
        alignItems: string;
    };
    sizes: {
        sm: {
            contentSize: {
                width: string;
            };
        };
        md: {
            contentSize: {
                width: string;
            };
        };
        lg: {
            contentSize: {
                width: string;
            };
        };
        full: {
            contentSize: {
                width: string;
            };
        };
    };
    defaultProps: {
        size: string;
        closeOnOverlayClick: boolean;
    };
};
export declare const ModalContent: {
    baseStyle: (props: Record<string, any>) => {
        bg: any;
        pl: number;
        pt: number;
        shadow: number;
        rounded: string;
        maxHeight: string;
    };
};
export declare const ModalCloseButton: {
    baseStyle: (props: Record<string, any>) => {
        position: string;
        right: number;
        top: number;
        zIndex: number;
        size: number;
        _icon: {
            size: number;
            color: any;
        };
    };
};
export declare const ModalHeader: {
    baseStyle: {
        pb: number;
        pr: number;
        _text: {
            fontSize: string;
            fontWeight: string;
        };
    };
};
export declare const ModalBody: {
    baseStyle: (props: Record<string, any>) => {
        pb: number;
        pr: number;
        _text: {
            fontSize: string;
            color: any;
        };
    };
};
export declare const ModalFooter: {
    baseStyle: {
        py: number;
        flexDirection: string;
        justifyContent: string;
        flexWrap: string;
        pr: number;
    };
};
export declare const ModalOverlay: {
    baseStyle: {
        position: string;
        left: number;
        top: number;
        opacity: number;
        right: number;
        bottom: number;
    };
};