import type { NativeModule, SharedRef, SharedRefType } from 'expo';
import { ImageStyle as RNImageStyle, TextStyle, StyleProp, View, ViewProps, ViewStyle, ColorValue } from 'react-native';
import type { SFSymbol } from 'sf-symbols-typescript';
import ExpoImage from './ExpoImage';
export type ImageSource = {
    /**
     * A string representing the resource identifier for the image,
     * which could be an HTTPS address, a local file path, or the name of a static image resource.
     */
    uri?: string;
    /**
     * An object representing the HTTP headers to send along with the request for a remote image.
     * On web requires the `Access-Control-Allow-Origin` header returned by the server to include the current domain.
     */
    headers?: Record<string, string>;
    /**
     * Can be specified if known at build time, in which case the value
     * will be used to set the default `<Image/>` component dimension.
     */
    width?: number | null;
    /**
     * Can be specified if known at build time, in which case the value
     * will be used to set the default `<Image/>` component dimension.
     */
    height?: number | null;
    /**
     * A string used to generate the image [`placeholder`](#placeholder). For example,
     * `placeholder={blurhash}`.  If `uri` is provided as the value of the `source` prop,
     * this is ignored since the `source` can only have `blurhash` or `uri`.
     *
     * When using the blurhash, you should also provide `width` and `height` (higher values reduce performance),
     * otherwise their default value is `16`.
     * For more information, see [`woltapp/blurhash`](https://github.com/woltapp/blurhash) repository.
     */
    blurhash?: string;
    /**
     * A string used to generate the image [`placeholder`](#placeholder). For example,
     * `placeholder={thumbhash}`.  If `uri` is provided as the value of the `source` prop,
     * this is ignored since the `source` can only have `thumbhash` or `uri`.
     *
     * For more information, see [`thumbhash website`](https://evanw.github.io/thumbhash/).
     */
    thumbhash?: string;
    /**
     * The cache key used to query and store this specific image.
     * If not provided, the `uri` is used also as the cache key.
     */
    cacheKey?: string;
    /**
     * The max width of the viewport for which this source should be selected.
     * Has no effect if `source` prop is not an array or has only 1 element.
     * Has no effect if `responsivePolicy` is not set to `static`.
     * Ignored if `blurhash` or `thumbhash` is provided (image hashes are never selected if passed in an array).
     * @platform web
     */
    webMaxViewportWidth?: number;
    /**
     * Whether the image is animated (an animated GIF or WebP for example).
     * @platform android
     * @platform ios
     */
    isAnimated?: boolean;
};
/**
 * @hidden
 */
export type ImageStyle = RNImageStyle;
/**
 * Determines how the image should be resized to fit its container.
 * @hidden Described in the {@link ImageProps['contentFit']}
 */
export type ImageContentFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
/**
 * Determines which format should be used to decode the image.
 * It's suggestion for the platform to use the specified format, but it's not guaranteed.
 * @hidden Described in the {@link ImageProps['decodeFormat']}
 */
export type ImageDecodeFormat = 'argb' | 'rgb';
/**
 * Some props are from React Native Image that Expo Image supports (more or less) for easier migration,
 * but all of them are deprecated and might be removed in the future.
 */
export interface ImageProps extends Omit<ViewProps, 'style' | 'children'> {
    /** @hidden */
    style?: StyleProp<RNImageStyle & {
        /**
         * Specifies stroke weight for SF symbols.
         * @platform ios
         */
        fontWeight?: TextStyle['fontWeight'];
        /**
         * Sets the tint color of SF symbols. This is an alias for `tintColor` that can be used in styles.
         * @platform ios
         */
        color?: TextStyle['color'];
        /**
         * Sets the size (width and height) of SF symbols.
         * @platform ios
         */
        fontSize?: TextStyle['fontSize'];
    }>;
    /**
     * The image source, either a remote URL, a local file resource or a number that is the result of the `require()` function.
     * When provided as an array of sources, the source that fits best into the container size and is closest to the screen scale
     * will be chosen. In this case it is important to provide `width`, `height` and `scale` properties.
     *
     * For SF Symbols (iOS), use the `sf:` prefix followed by the symbol name, for example, `sf:star.fill`.
     *
     * > **Note**: For the complete list of SF Symbols, see [Apple's SF Symbols catalog](https://developer.apple.com/sf-symbols/) or the [`sf-symbols-typescript`](https://github.com/nandorojo/sf-symbols-typescript) library documentation.
     */
    source?: ImageSource | `sf:${SFSymbol}` | (string & {}) | number | ImageSource[] | string[] | SharedRefType<'image'> | null;
    /**
     * An image to display while loading the proper image and no image has been displayed yet or the source is unset.
     *
     * > **Note**: The default value for placeholder's content fit is 'scale-down', which differs from the source image's default value.
     * > Using a lower-resolution placeholder may cause flickering due to scaling differences between it and the final image.
     * > To prevent this, you can set the [`placeholderContentFit`](#placeholdercontentfit) to match the [`contentFit`](#contentfit) value.
     */
    placeholder?: ImageSource | string | number | ImageSource[] | string[] | SharedRefType<'image'> | null;
    /**
     * Determines how the image should be resized to fit its container. This property tells the image to fill the container
     * in a variety of ways; such as "preserve that aspect ratio" or "stretch up and take up as much space as possible".
     * It mirrors the CSS [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) property.
     *
     * - `'cover'` - The image is sized to maintain its aspect ratio while filling the container box.
     * If the image's aspect ratio does not match the aspect ratio of its box, then the object will be clipped to fit.
     *
     * - `'contain'` - The image is scaled down or up to maintain its aspect ratio while fitting within the container box.
     *
     * - `'fill'` - The image is sized to entirely fill the container box. If necessary, the image will be stretched or squished to fit.
     *
     * - `'none'` - The image is not resized and is centered by default.
     * When specified, the exact position can be controlled with [`contentPosition`](#contentposition) prop.
     *
     * - `'scale-down'` - The image is sized as if `none` or `contain` were specified, whichever would result in a smaller concrete image size.
     *
     * @default 'cover'
     */
    contentFit?: ImageContentFit;
    /**
     * Determines how the placeholder should be resized to fit its container. Available resize modes are the same as for the [`contentFit`](#contentfit) prop.
     * @default 'scale-down'
     */
    placeholderContentFit?: ImageContentFit;
    /**
     * It is used together with [`contentFit`](#contentfit) to specify how the image should be positioned with x/y coordinates inside its own container.
     * An equivalent of the CSS [`object-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) property.
     * @default 'center'
     */
    contentPosition?: ImageContentPosition;
    /**
     * Describes how the image view should transition the contents when switching the image source.\
     * If provided as a number, it is the duration in milliseconds of the `'cross-dissolve'` effect.
     */
    transition?: ImageTransition | number | null;
    /**
     * The radius of the blur in points, `0` means no blur effect.
     * This effect is not applied to placeholders.
     * @default 0
     */
    blurRadius?: number;
    /**
     * A color used to tint template images (a bitmap image where only the opacity matters).
     * The color is applied to every non-transparent pixel, causing the image's shape to adopt that color.
     * This effect is not applied to placeholders.
     *
     * Note that `useImage` options parameter also has a `tintColor` field.
     * When you have a `useImage` as a `source` use its `tintColor` instead.
     * @default null
     */
    tintColor?: string | null;
    /**
     * Priorities for completing loads. If more than one load is queued at a time,
     * the load with the higher priority will be started first.
     * Priorities are considered best effort, there are no guarantees about the order in which loads will start or finish.
     * @default 'normal'
     */
    priority?: 'low' | 'normal' | 'high' | null;
    /**
     * Sets the HTML [`loading`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading) attribute on the `<img>` element.
     * Has no effect on native platforms.
     *
     * - `'lazy'` - Defers loading until the image is near the viewport.
     * - `'eager'` - Loads the image immediately.
     *
     * @default 'eager'
     * @platform web
     */
    loading?: 'lazy' | 'eager';
    /**
     * Determines whether to cache the image and where: on the disk, in the memory or both.
     *
     * - `'none'` - Image is not cached at all.
     *
     * - `'disk'` - Image is queried from the disk cache if exists, otherwise it's downloaded and then stored on the disk.
     *
     * - `'memory'` - Image is cached in memory. Might be useful when you render a high-resolution picture many times.
     * Memory cache may be purged very quickly to prevent high memory usage and the risk of out of memory exceptions.
     *
     * - `'memory-disk'` - Image is cached in memory, but with a fallback to the disk cache.
     *
     * @default 'disk'
     */
    cachePolicy?: 'none' | 'disk' | 'memory' | 'memory-disk' | /** @hidden */ null;
    /**
     * Controls the selection of the image source based on the container or viewport size on the web.
     *
     * If set to `'static'`, the browser selects the correct source based on user's viewport width. Works with static rendering.
     * Make sure to set the `'webMaxViewportWidth'` property on each source for best results.
     * For example, if an image occupies 1/3 of the screen width, set the `'webMaxViewportWidth'` to 3x the image width.
     * The source with the largest `'webMaxViewportWidth'` is used even for larger viewports.
     *
     * If set to `'initial'`, the component will select the correct source during mount based on container size. Does not work with static rendering.
     *
     * If set to `'live'`, the component will select the correct source on every resize based on container size. Does not work with static rendering.
     *
     * @default 'static'
     * @platform web
     */
    responsivePolicy?: 'live' | 'initial' | 'static';
    /**
     * Changing this prop resets the image view content to blank or a placeholder before loading and rendering the final image.
     * This is especially useful for any kinds of recycling views like [FlashList](https://github.com/shopify/flash-list)
     * to prevent showing the previous source before the new one fully loads.
     * @default null
     * @platform android
     * @platform ios
     */
    recyclingKey?: string | null;
    /**
     * Determines if an image should automatically begin playing if it is an
     * animated image.
     * @default true
     * @platform android
     * @platform ios
     */
    autoplay?: boolean;
    /**
     * SF Symbol effect animations. Can be a single effect string, an effect object,
     * or an array of effect strings and/or objects.
     *
     * @example
     * ```tsx
     * // Single effect as string
     * sfEffect="bounce"
     *
     * // Single effect as object with options
     * sfEffect={{ effect: "bounce", repeat: -1, scope: "by-layer" }}
     *
     * // Array of mixed strings and objects
     * sfEffect={["bounce", { effect: "pulse", repeat: -1 }]}
     * ```
     *
     * @platform ios 17.0+
     */
    sfEffect?: SFSymbolEffect | null;
    /**
     * Called when the image starts to load.
     */
    onLoadStart?: () => void;
    /**
     * Called when the image load completes successfully.
     */
    onLoad?: (event: ImageLoadEventData) => void;
    /**
     * Called when the image is loading. Can be called multiple times before the image has finished loading.
     * The event object provides details on how many bytes were loaded so far and what's the expected total size.
     */
    onProgress?: (event: ImageProgressEventData) => void;
    /**
     * Called on an image fetching error.
     */
    onError?: (event: ImageErrorEventData) => void;
    /**
     * Called when the image load either succeeds or fails.
     */
    onLoadEnd?: () => void;
    /**
     * Called when the image view successfully rendered the source image.
     */
    onDisplay?: () => void;
    /**
     * @deprecated Provides compatibility for [`defaultSource` from React Native Image](https://reactnative.dev/docs/image#defaultsource).
     * Use [`placeholder`](#placeholder) prop instead.
     */
    defaultSource?: ImageSource | null;
    /**
     * @deprecated Provides compatibility for [`loadingIndicatorSource` from React Native Image](https://reactnative.dev/docs/image#loadingindicatorsource).
     * Use [`placeholder`](#placeholder) prop instead.
     */
    loadingIndicatorSource?: ImageSource | null;
    /**
     * @deprecated Provides compatibility for [`resizeMode` from React Native Image](https://reactnative.dev/docs/image#resizemode).
     * Note that `"repeat"` option is not supported at all.
     * Use the more powerful [`contentFit`](#contentfit) and [`contentPosition`](#contentposition) props instead.
     */
    resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
    /**
     * @deprecated Provides compatibility for [`fadeDuration` from React Native Image](https://reactnative.dev/docs/image#fadeduration-android).
     * Instead use [`transition`](#transition) with the provided duration.
     */
    fadeDuration?: number;
    /**
     * Whether this View should be focusable with a non-touch input device and receive focus with a hardware keyboard.
     * @default false
     * @platform android
     */
    focusable?: boolean;
    /**
     * When true, indicates that the view is an accessibility element.
     * When a view is an accessibility element, it groups its children into a single selectable component.
     *
     * On Android, the `accessible` property will be translated into the native `isScreenReaderFocusable`,
     * so it's only affecting the screen readers behaviour.
     * @default false
     * @platform android
     * @platform ios
     */
    accessible?: boolean;
    /**
     * The text that's read by the screen reader when the user interacts with the image. Sets the `alt` tag on web which is used for web crawlers and link traversal.
     * @default undefined
     */
    accessibilityLabel?: string;
    /**
     * The text that's read by the screen reader when the user interacts with the image. Sets the `alt` tag on web which is used for web crawlers and link traversal. Is an alias for `accessibilityLabel`.
     *
     * @alias accessibilityLabel
     * @default undefined
     */
    alt?: string;
    /**
     * Enables Live Text interaction with the image. Check official [Apple documentation](https://developer.apple.com/documentation/visionkit/enabling_live_text_interactions_with_images) for more details.
     * @default false
     * @platform ios 16.0+
     */
    enableLiveTextInteraction?: boolean;
    /**
     * Whether the image should be downscaled to match the size of the view container.
     * Turning off this functionality could negatively impact the application's performance, particularly when working with large assets.
     * However, it would result in smoother image resizing, and end-users would always have access to the highest possible asset quality.
     *
     * Downscaling is never used when the `contentFit` prop is set to `none` or `fill`.
     * @default true
     */
    allowDownscaling?: boolean;
    /**
     * The format in which the image data should be decoded.
     * It's not guaranteed that the platform will use the specified format.
     *
     * - `'argb'` - The image is decoded into a 32-bit color space with alpha channel (https://developer.android.com/reference/android/graphics/Bitmap.Config#ARGB_8888).
     *
     * - `'rgb'` - The image is decoded into a 16-bit color space without alpha channel (https://developer.android.com/reference/android/graphics/Bitmap.Config#RGB_565).
     *
     * @default 'argb'
     * @platform android
     */
    decodeFormat?: ImageDecodeFormat;
    /**
     * Whether to use the Apple's default WebP codec.
     *
     * Set this prop to `false` to use the official standard-compliant [libwebp](https://github.com/webmproject/libwebp) codec for WebP images.
     * The default implementation from Apple is faster and uses less memory but may render animated images with incorrect blending or play them at the wrong framerate.
     * @see https://github.com/SDWebImage/SDWebImage/wiki/Advanced-Usage#awebp-coder
     *
     * @default true
     * @platform ios
     */
    useAppleWebpCodec?: boolean;
    /**
     * Force early resizing of the image to match the container size.
     * This option helps to reduce the memory usage of the image view, especially when the image is larger than the container.
     * It may affect the `resizeType` and `contentPosition` properties when the image view is resized dynamically.
     *
     * @default false
     * @platform ios
     */
    enforceEarlyResizing?: boolean;
    /**
     * Controls whether the image view can leverage the extended dynamic range (EDR). Use this prop if you want to support high dynamic range (HDR) images,
     * otherwise all images are rendered as standard dynamic range (SDR).
     *
     * @default false
     * @platform ios 17.0+
     * @platform tvos 17.0+
     */
    preferHighDynamicRange?: boolean;
    /**
     * Whether the `img` element is draggable on web.
     * @default undefined
     * @platform web
     */
    draggable?: boolean;
}
/**
 * It narrows down some props to types expected by the native/web side.
 * @hidden
 */
export interface ImageNativeProps extends ImageProps {
    style?: RNImageStyle;
    source?: ImageSource[] | SharedRefType<'image'>;
    placeholder?: ImageSource[] | SharedRefType<'image'>;
    contentPosition?: ImageContentPositionObject;
    transition?: ImageTransition | null;
    autoplay?: boolean;
    sfEffect?: SFSymbolEffectObject[] | null;
    nativeViewRef?: React.RefObject<ExpoImage | null>;
    containerViewRef?: React.RefObject<View | null>;
    symbolWeight?: string | null;
    symbolSize?: number | null;
}
/**
 * A value that represents the relative position of a single axis.
 *
 * If `number`, it is a distance in points (logical pixels) from the respective edge.\
 * If `string`, it must be a percentage value where `'100%'` is the difference in size between the container and the image along the respective axis,
 * or `'center'` which is an alias for `'50%'` that is the default value. You can read more regarding percentages on the MDN docs for
 * [`background-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position#regarding_percentages) that describes this concept well.
 */
export type ImageContentPositionValue = number | string | `${number}%` | `${number}` | 'center';
/**
 * Specifies the position of the image inside its container. One value controls the x-axis and the second value controls the y-axis.
 *
 * Additionally, it supports stringified shorthand form that specifies the edges to which to align the image content:\
 * `'center'`, `'top'`, `'right'`, `'bottom'`, `'left'`, `'top center'`, `'top right'`, `'top left'`, `'right center'`, `'right top'`,
 * `'right bottom'`, `'bottom center'`, `'bottom right'`, `'bottom left'`, `'left center'`, `'left top'`, `'left bottom'`.\
 * If only one keyword is provided, then the other dimension is set to `'center'` (`'50%'`), so the image is placed in the middle of the specified edge.\
 * As an example, `'top right'` is the same as `{ top: 0, right: 0 }` and `'bottom'` is the same as `{ bottom: 0, left: '50%' }`.
 */
export type ImageContentPosition = 
/**
 * An object that positions the image relatively to the top-right corner.
 */
{
    top?: ImageContentPositionValue;
    right?: ImageContentPositionValue;
}
/**
 * An object that positions the image relatively to the top-left corner.
 */
 | {
    top?: ImageContentPositionValue;
    left?: ImageContentPositionValue;
}
/**
 * An object that positions the image relatively to the bottom-right corner.
 */
 | {
    bottom?: ImageContentPositionValue;
    right?: ImageContentPositionValue;
}
/**
 * An object that positions the image relatively to the bottom-left corner.
 */
 | {
    bottom?: ImageContentPositionValue;
    left?: ImageContentPositionValue;
} | ImageContentPositionString;
/**
 * It allows you to use an image as a background while rendering other content on top of it.
 * It extends all `Image` props but provides separate styling controls for the container and the background image itself.
 */
export interface ImageBackgroundProps extends Omit<ImageProps, 'style'> {
    /** The style of the image container. */
    style?: StyleProp<ViewStyle> | undefined;
    /** Style object for the image. */
    imageStyle?: StyleProp<RNImageStyle> | undefined;
    /** @hidden */
    children?: React.ReactNode | undefined;
}
/**
 * @hidden It's described as part of {@link ImageContentPosition}.
 */
export type ImageContentPositionString = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top center' | 'top right' | 'top left' | 'right center' | 'right top' | 'right bottom' | 'bottom center' | 'bottom right' | 'bottom left' | 'left center' | 'left top' | 'left bottom';
type OnlyObject<T> = T extends object ? T : never;
/**
 * @hidden It's a conditional type that matches only objects of {@link ImageContentPosition}.
 */
export type ImageContentPositionObject = OnlyObject<ImageContentPosition>;
/**
 * The type of SF Symbol effect animation.
 * @platform ios 17.0+
 */
export type SFSymbolEffectType = 'bounce' | 'bounce/up' | 'bounce/down' | 'pulse' | 'variable-color' | 'variable-color/iterative' | 'variable-color/cumulative' | 'scale' | 'scale/up' | 'scale/down' | 'appear' | 'disappear' | 'wiggle' | 'rotate' | 'breathe' | 'draw/on' | 'draw/off';
/**
 * An object that describes an SF Symbol effect animation.
 * @platform ios 17.0+
 */
export type SFSymbolEffectObject = {
    /**
     * The type of SF Symbol effect animation.
     *
     * - `'bounce'` - The symbol bounces.
     * - `'bounce/up'` / `'bounce/down'` - Directional bounce.
     * - `'pulse'` - The symbol fades in and out.
     * - `'variable-color'` - The symbol's color layers animate sequentially.
     * - `'variable-color/iterative'` / `'variable-color/cumulative'` - Variable color modes.
     * - `'scale'` - The symbol scales up and down.
     * - `'scale/up'` / `'scale/down'` - Directional scale.
     * - `'appear'` - The symbol animates into view.
     * - `'disappear'` - The symbol animates out of view.
     *
     * For iOS 18+:
     * - `'wiggle'` - The symbol wiggles.
     * - `'rotate'` - The symbol rotates.
     * - `'breathe'` - The symbol breathes (pulsing scale effect).
     *
     * For iOS 26+:
     * - `'draw/on'` - The symbol layers animate like being drawn.
     * - `'draw/off'` - The symbol layers animate like being erased.
     */
    effect: SFSymbolEffectType;
    /**
     * The number of times to repeat the effect.
     * - `-1` - Repeat indefinitely
     * - `0` - No repeat, play once (default)
     * - `1+` - Repeat the specified number of times
     *
     * @default 0
     */
    repeat?: number;
    /**
     * Controls how the effect animates across symbol layers.
     * - `'by-layer'` - Animates each layer of the symbol individually.
     * - `'whole-symbol'` - Animates the entire symbol as one unit.
     *
     * @default undefined (uses system default)
     */
    scope?: 'by-layer' | 'whole-symbol' | null;
};
/**
 * SF Symbol effect configuration. Can be a single effect string, an effect object,
 * or an array of effect strings and/or objects.
 *
 * @example
 * ```tsx
 * // Single effect as string
 * sfEffect="bounce"
 *
 * // Single effect as object with options
 * sfEffect={{ effect: "bounce", repeat: -1, scope: "by-layer" }}
 *
 * // Array of mixed strings and objects
 * sfEffect={["bounce", { effect: "pulse", repeat: -1 }]}
 * ```
 *
 * @platform ios 17.0+
 */
export type SFSymbolEffect = SFSymbolEffectType | SFSymbolEffectObject | (SFSymbolEffectType | SFSymbolEffectObject)[];
/**
 * An object that describes the smooth transition when switching the image source.
 */
export type ImageTransition = {
    /**
     * The duration of the transition in milliseconds.
     * @default 0
     */
    duration?: number;
    /**
     * Specifies the speed curve of the transition effect and how intermediate values are calculated.
     * @default 'ease-in-out'
     */
    timing?: 'ease-in-out' | 'ease-in' | 'ease-out' | 'linear';
    /**
     * An animation effect used for transition.
     * @default 'cross-dissolve'
     *
     * On Android, only `'cross-dissolve'` is supported.
     * On Web, `'curl-up'` and `'curl-down'` effects are not supported.
     *
     * For SF Symbols (iOS 17+), use the `sf:` effects to animate
     * when the symbol source changes:
     * - `'sf:replace'` - The symbol animates when replaced with another symbol.
     * - `'sf:down-up'` - New symbol slides in from bottom.
     * - `'sf:up-up'` - New symbol slides in from top.
     * - `'sf:off-up'` - Cross-dissolve transition between symbols.
     *
     * For other SF Symbol animations (bounce, pulse, scale, and so on), use the `sfEffect` prop instead.
     */
    effect?: 'cross-dissolve' | 'flip-from-top' | 'flip-from-right' | 'flip-from-bottom' | 'flip-from-left' | 'curl-up' | 'curl-down' | 'sf:replace' | 'sf:down-up' | 'sf:up-up' | 'sf:off-up' | null;
};
export type ImageLoadEventData = {
    cacheType: 'none' | 'disk' | 'memory';
    source: {
        url: string;
        width: number;
        height: number;
        mediaType: string | null;
        isAnimated?: boolean;
    };
};
export type ImageProgressEventData = {
    loaded: number;
    total: number;
};
export type ImageErrorEventData = {
    error: string;
};
export type ImagePrefetchOptions = {
    /**
     * The cache policy for prefetched images.
     * @default 'memory-disk'
     */
    cachePolicy?: 'disk' | 'memory-disk' | 'memory';
    /**
     * A map of headers to use when prefetching the images.
     */
    headers?: Record<string, string>;
};
/**
 * An object that is a reference to a native image instance – [Drawable](https://developer.android.com/reference/android/graphics/drawable/Drawable)
 * on Android and [UIImage](https://developer.apple.com/documentation/uikit/uiimage) on iOS.
 * Instances of this class can be passed as a source to the [Image](#image) component in which case the image is rendered immediately
 * since its native representation is already available in the memory.
 */
export declare class ImageRef extends SharedRef<'image'> {
    /**
     * Logical width of the image. Multiply it by the value in the `scale` property to get the width in pixels.
     */
    readonly width: number;
    /**
     * Logical height of the image. Multiply it by the value in the `scale` property to get the height in pixels.
     */
    readonly height: number;
    /**
     * On iOS, if you load an image from a file whose name includes the `@2x` modifier, the scale is set to **2.0**. All other images are assumed to have a scale factor of **1.0**.
     * On Android, it calculates the scale based on the bitmap density divided by screen density.
     *
     * On all platforms, if you multiply the logical size of the image by this value, you get the dimensions of the image in pixels.
     */
    readonly scale: number;
    /**
     * Media type (also known as MIME type) of the image, based on its format.
     * Returns `null` when the format is unknown or not supported.
     * @platform ios
     */
    readonly mediaType: string | null;
    /**
     * Whether the referenced image is an animated image.
     */
    readonly isAnimated?: boolean;
}
/**
 * @hidden
 */
export declare class ImageNativeModule extends NativeModule {
    Image: typeof ImageRef;
    loadAsync(source: ImageSource, options?: ImageLoadOptions): Promise<ImageRef>;
    prefetch(urls: string[], cachePolicy: ImagePrefetchOptions['cachePolicy'], headers?: Record<string, string>): Promise<boolean>;
    clearMemoryCache(): Promise<boolean>;
    clearDiskCache(): Promise<boolean>;
    configureCache(config: ImageCacheConfig): void;
    getCachePathAsync(cacheKey: string): Promise<string | null>;
    generateBlurhashAsync(source: string | ImageRef, numberOfComponents: [number, number] | {
        width: number;
        height: number;
    }): Promise<string | null>;
    generateThumbhashAsync(source: string | ImageRef): Promise<string>;
}
/**
 * An object with options for the [`useImage`](#useimage) hook.
 */
export type ImageLoadOptions = {
    /**
     * If provided, the image will be automatically resized to not exceed this width in pixels, preserving its aspect ratio.
     */
    maxWidth?: number;
    /**
     * If provided, the image will be automatically resized to not exceed this height in pixels, preserving its aspect ratio.
     */
    maxHeight?: number;
    /**
     * A color used to tint template images (a bitmap image where only the opacity matters).
     * The color is applied to every non-transparent pixel, causing the image's shape to adopt that color.
     * @default null
     */
    tintColor?: ColorValue | number;
    /**
     * Function to call when the image has failed to load. In addition to the error, it also provides a function that retries loading the image.
     */
    onError?(error: Error, retry: () => void): void;
};
/**
 * An object containing options for the [`configureCache`](#configurecacheconfig) function.
 * See [`SDImageCacheConfig`](https://sdwebimage.github.io/documentation/sdwebimage/sdimagecacheconfig) for more information.
 * @platform ios
 */
export type ImageCacheConfig = {
    /**
     * The maximum size of the disk cache, in bytes.
     * Defaults to 0, which means there is no cache size limit.
     */
    maxDiskSize?: number;
    /**
     * The maximum "total cost" of the in-memory image cache. The cost function is the bytes size held in memory,
     * not simply the pixel count. For example, a typical ARGB8888 image uses 4 bytes (32 bits) per pixel.
     * Defaults to 0, which means there is no memory cost limit.
     */
    maxMemoryCost?: number;
    /**
     * The maximum number of objects the in-memory image cache should hold.
     * Defaults to 0, which means there is no memory count limit.
     */
    maxMemoryCount?: number;
};
export {};
//# sourceMappingURL=Image.types.d.ts.map