import Component from '@glimmer/component';
import { htmlSafe } from '@ember/template';
import { sizeMapping } from '../utils/css-mappings/eui-image';
type EuiImageSize = keyof typeof sizeMapping;
type ImageSize = EuiImageSize | number;
type FullScreenIconColor = 'light' | 'dark';
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;
    /**
     * When set to `true` will make the image clickable to a larger version
     */
    float?: 'left' | 'right' | 'none';
    /**
     * When set to `true` will make the image clickable to a larger version
     */
    margin?: 'none' | 's' | 'm' | 'l' | 'xl';
    /**
     * When set to `true` will make the image clickable to a larger version
     */
    ariaLabel?: string;
    src?: string;
};
export interface EuiImageSignature {
    Element: HTMLElement;
    Args: ImageArgs;
    Blocks: {
        default: [];
    };
}
export default class EuiImage extends Component<ImageArgs> {
    isFullscreen: boolean;
    size: ImageArgs['size'];
    get sizeClass(): string | undefined;
    get sizeStyle(): ReturnType<typeof htmlSafe> | string;
    toggleFullscreen(e: Event): void;
    get sizeString(): string | undefined;
}
export {};
//# sourceMappingURL=eui-image.d.ts.map