import GlimmerComponent from '@glimmer/component';
import { sizeMapping } from 'ember-eui/utils/css-mappings/eui-image';
declare type EuiImageSize = keyof typeof sizeMapping;
declare type ImageSize = EuiImageSize | number;
declare type FullScreenIconColor = 'light' | 'dark';
declare type ImageArgs = {
    /**
     * Separate from the caption is a title on the alt tag itself.
     * This one is required for accessibility.
     */
    alt: string;
    size?: ImageSize | number | string;
    /**
     * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.
     * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.
     */
    fullScreenIconColor?: FullScreenIconColor;
    url: string;
    /**
     * Provides the visible caption to the image
     */
    caption?: string;
    /**
     * When set to `true` (default) will apply a slight shadow to the image
     */
    hasShadow?: boolean;
    /**
     * When set to `true` will make the image clickable to a larger version
     */
    allowFullScreen?: boolean;
};
export default class EuiImage extends GlimmerComponent<ImageArgs> {
    isFullscreen: boolean;
    size: ImageArgs['size'];
    get sizeClass(): string | undefined;
    get sizeStyle(): "" | import("@ember/template/-private/handlebars").SafeString;
    toggleFullscreen(): void;
}
export {};