import React from 'react';
import { GetImagePropsOptions } from './getImageProps';
export interface ImageProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, GetImagePropsOptions {
    /**
     * Object-fit the image.
     *
     * @default 'cover'
     */
    fit?: 'contain' | 'cover';
    /**
     * It's recommended to put lazy=false on images that are already in viewport
     * on load. If false, the image is loaded eagerly.
     *
     * @default true
     */
    lazy?: boolean;
    /**
     * The media attribute specifies a media condition (similar to a media query)
     * that the user agent will evaluate for each <source> element.
     *
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#the_media_attribute
     */
    media?: string;
    /**
     * This function will be called once the full-size image loads.
     */
    onLoad?(): void;
    /**
     * Show a Low-Quality Image Placeholder.
     *
     * @default true
     */
    showPlaceholder?: boolean;
}
export declare const Image: ({ fit, fixed, focus, fluid, height, onLoad: onLoadProp, showPlaceholder, smart, width, ref, ...props }: ImageProps) => JSX.Element;