import type React from "react";
/**
 * An image loaded through Attio's privacy-preserving proxy.
 *
 * The image reserves its box before loading so its layout remains predictable. The box is not
 * derived from the source image's natural dimensions: token sizes reserve a square, and `fill`
 * reserves a 16:9 box because a square as wide as the surface would be far too tall. Provide
 * `aspectRatio` when the content has a known ratio: the declared ratio preserves that content's
 * layout while it loads and after it succeeds or fails. Invalid or missing ratios use the default
 * for the size; valid ratios are clamped between 1:4 and 4:1. Token sizes are capped to fit their
 * container, rather than guaranteed pixel sizes. `fill` takes the available width, including the
 * remaining width of a row.
 *
 * While your app is obtaining a source URL, use the existing surface/Suspense loading state. Once
 * `src` is provided, Image handles the proxied image request and its loading state.
 */
export declare function Image(props: {
    /**
     * The HTTPS image source. Use `null` to show the host fallback state.
     */
    src: string | null;
    /**
     * Accessible text describing the image. An empty string marks a decorative image.
     */
    alt: string;
    /**
     * The content ratio of the reserved image box. Defaults to `1` for token sizes and `"16/9"`
     * for `fill`.
     */
    aspectRatio?: `${number}/${number}` | number;
    /**
     * A host-capped size token for the image box.
     *
     * @default "medium"
     */
    size?: "small" | "medium" | "large" | "fill";
    /**
     * Whether the content crops to fill its box or is contained within it.
     *
     * @default "cover"
     */
    fit?: "cover" | "contain";
}): React.JSX.Element;
//# sourceMappingURL=image.d.ts.map