import { BaseSlots } from '@fluentui/react-compose';
import { ComponentProps } from '@fluentui/react-compose';
import { ComposePreparedOptions } from '@fluentui/react-compose';
import * as React from 'react';
import { SlotProps } from '@fluentui/react-compose';

export declare const Image: import("@fluentui/react-compose").ComponentWithAs<"img", ImageProps>;

export declare const ImageBase: import("@fluentui/react-compose").ComponentWithAs<"img", ImageProps>;

export declare interface ImageProps extends ComponentProps, React.ImgHTMLAttributes<HTMLImageElement> {
    /** An alternative text for an image. */
    alt?: string;
    /** An image can appear with rectangular border. */
    bordered?: boolean;
    /** An image can set how it should be resized to fit its container. */
    fit?: 'none' | 'center' | 'contain' | 'cover';
    /** An image can take up the width of its container. */
    fluid?: boolean;
    /** An image can appear circular. */
    circular?: boolean;
    /** An image can appear rounded. */
    rounded?: boolean;
    /** An image can have source URL. */
    src?: string;
}

export declare type ImageSlotProps = SlotProps<ImageSlots, ImageProps, React.ImgHTMLAttributes<HTMLImageElement>>;

export declare interface ImageSlots extends BaseSlots {
}

export declare interface ImageState extends ImageProps {
    imageRef: React.RefObject<HTMLElement>;
}

/**
 * The useImage hook processes the Image component props and returns state.
 */
export declare const useImage: (props: ImageProps, ref: React.Ref<HTMLElement>, options: ComposePreparedOptions<{}, any, {}>) => ImageState;

export { }