export declare const createStyles: (theme?: "light" | "dark") => {
    container: {
        flex: number;
        backgroundColor: string;
    };
    overlay: any;
    header: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        zIndex: number;
        paddingTop: number;
        paddingHorizontal: number;
        paddingBottom: number;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
    };
    headerGradient: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        height: number;
        backgroundColor: string;
    };
    closeButton: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
    };
    closeIcon: {
        fontSize: number;
        color: string;
        fontWeight: "300";
    };
    headerRight: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    actionButton: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
    };
    actionIcon: {
        fontSize: number;
        color: string;
    };
    contentContainer: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
    };
    scrollView: {
        flex: number;
    };
    imageContainer: {
        width: number;
        height: number;
        justifyContent: "center";
        alignItems: "center";
    };
    image: {
        width: number;
        height: number;
        resizeMode: "contain";
    };
    loadingContainer: any;
    loadingText: {
        marginTop: number;
        fontSize: number;
        color: string;
    };
    errorContainer: any;
    errorIcon: {
        fontSize: number;
        color: string;
    };
    errorText: {
        marginTop: number;
        fontSize: number;
        color: string;
    };
    footer: {
        position: "absolute";
        bottom: number;
        left: number;
        right: number;
        zIndex: number;
        paddingBottom: number;
        paddingHorizontal: number;
        paddingTop: number;
    };
    footerGradient: {
        position: "absolute";
        bottom: number;
        left: number;
        right: number;
        height: number;
        backgroundColor: string;
    };
    description: {
        fontSize: number;
        color: string;
        lineHeight: number;
        textAlign: "center";
    };
    indicatorContainer: {
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
        paddingVertical: number;
    };
    indicatorDot: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    indicatorDotActive: {
        backgroundColor: string;
        width: number;
        height: number;
        borderRadius: number;
    };
    indicatorNumber: {
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
    };
    indicatorNumberText: {
        fontSize: number;
        color: string;
    };
    galleryContainer: {
        flexDirection: "row";
        flexWrap: "wrap";
    };
    galleryImage: {
        resizeMode: "cover";
    };
    galleryOverflow: any;
    galleryOverflowText: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
};
export declare const SCREEN_DIMENSIONS: {
    width: number;
    height: number;
};
export default createStyles;