export declare const useStyles: () => {
    container: {
        flex: number;
        height: number;
        margin: number;
    };
    image3XContainer: {
        width: number;
        height: number;
        margin: number;
    };
    image: {
        width: "100%";
        height: "100%";
        resizeMode: "cover";
        borderRadius: number;
        position: "relative";
    };
    overlay: {
        justifyContent: "center";
        alignItems: "center";
        position: "absolute";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    };
    failedOverlay: {
        justifyContent: "center";
        alignItems: "center";
        backgroundColor: string;
        borderRadius: number;
        position: "absolute";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    };
    errorOverlay: {
        position: "absolute";
        top: "50%";
        left: number;
        right: number;
        alignItems: "center";
        justifyContent: "center";
    };
    progressBar: {
        marginVertical: number;
    };
    loadingImage: {
        opacity: number;
    };
    loadedImage: {
        opacity: number;
    };
    closeButton: {
        position: "absolute";
        top: number;
        right: number;
        padding: number;
        backgroundColor: string;
        borderRadius: number;
        zIndex: number;
    };
};
//# sourceMappingURL=styles.d.ts.map