import { Image as RNImage, ImageProps as RNImageProps } from "react-native";
export type ImageProps = Omit<RNImageProps, "width" | "height" | "source"> & {
    /** The ID of the ImageDefinition to display */
    imageId: string;
    /**
     * Width of the image. Can be a number or "original" to use the original image width.
     * When set to "original", the component will calculate the appropriate height to maintain aspect ratio.
     *
     * @example
     * ```tsx
     * // Fixed width, auto-calculated height
     * <Image imageId="123" width={600} />
     *
     * // Original width
     * <Image imageId="123" width="original" />
     * ```
     */
    width?: number | "original";
    /**
     * Height of the image. Can be a number or "original" to use the original image height.
     * When set to "original", the component will calculate the appropriate width to maintain aspect ratio.
     *
     * @example
     * ```tsx
     * // Fixed height, auto-calculated width
     * <Image imageId="123" height={400} />
     *
     * // Original height
     * <Image imageId="123" height="original" />
     * ```
     */
    height?: number | "original";
    /**
     * A custom placeholder to display while an image is loading. This will
     * be passed as the src of the img tag, so a data URL works well here.
     * This will be used as a fallback if no images are ready and no placeholder
     * is available otherwise.
     */
    placeholder?: string;
};
/**
 * A React Native Image component that integrates with Jazz's ImageDefinition system.
 *
 * @example
 * ```tsx
 * import { Image } from "jazz-tools/react-native";
 * import { StyleSheet } from "react-native";
 *
 * function ProfilePicture({ imageId }) {
 *   return (
 *     <Image
 *       imageId={imageId}
 *       style={styles.profilePic}
 *       width={100}
 *       height={100}
 *       resizeMode="cover"
 *       placeholder="/placeholder.png"
 *     />
 *   );
 * }
 *
 * const styles = StyleSheet.create({
 *   profilePic: {
 *     borderRadius: 50,
 *   }
 * });
 * ```
 */
export declare const Image: import("react").ForwardRefExoticComponent<Omit<RNImageProps, "source" | "width" | "height"> & {
    /** The ID of the ImageDefinition to display */
    imageId: string;
    /**
     * Width of the image. Can be a number or "original" to use the original image width.
     * When set to "original", the component will calculate the appropriate height to maintain aspect ratio.
     *
     * @example
     * ```tsx
     * // Fixed width, auto-calculated height
     * <Image imageId="123" width={600} />
     *
     * // Original width
     * <Image imageId="123" width="original" />
     * ```
     */
    width?: number | "original";
    /**
     * Height of the image. Can be a number or "original" to use the original image height.
     * When set to "original", the component will calculate the appropriate width to maintain aspect ratio.
     *
     * @example
     * ```tsx
     * // Fixed height, auto-calculated width
     * <Image imageId="123" height={400} />
     *
     * // Original height
     * <Image imageId="123" height="original" />
     * ```
     */
    height?: number | "original";
    /**
     * A custom placeholder to display while an image is loading. This will
     * be passed as the src of the img tag, so a data URL works well here.
     * This will be used as a fallback if no images are ready and no placeholder
     * is available otherwise.
     */
    placeholder?: string;
} & import("react").RefAttributes<RNImage>>;
//# sourceMappingURL=image.d.ts.map