import { ComponentInterface } from '../../stencil-public-runtime';
import { ImageDecodingTypes } from '../types';
/**
 * An image component with different styles that reserves a predefined space to avoid jumping contents.
 */
export declare class Image implements ComponentInterface {
    private imageEl;
    el: HTMLInoImgElement;
    /**
     * The alternative text of this image.
     */
    alt?: string;
    /**
     * The decoding method of the native html input element.
     * Can either be `async`, `auto` or `sync`.
     */
    decoding?: ImageDecodingTypes;
    /**
     * The fixed height of this image.
     */
    height?: number;
    heightChanged(): void;
    /**
     * A set of rules to specify the usage of images sources that are
     * defined in the `srcset` attribute.
     */
    sizes?: string;
    /**
     * The source of this image element.
     */
    src?: string;
    /**
     * A set of sources of this image for different viewports or devices.
     */
    srcset?: string;
    /**
     * The fixed of the image.
     */
    width?: number;
    widthChanged(): void;
    /**
     * An ID referencing to a defined map element for this image.
     */
    usemap?: string;
    /**
     * Icon used for fallback image if image can not be loaded
     */
    fallbackIcon: string;
    /**
     * Indicates that the image is a part of an image list component
     */
    imgListItem: boolean;
    /**
     * Sets the label of the image. Note: Only works if image is part of
     * an ino-img-list component.
     */
    label?: string;
    /**
     * The ratio width of this image (default = 1).
     * Use this attribute together with `ratio-height` to reserve a
     * space for the image during rendering and to prevent jumping contents.
     */
    ratioWidth?: number;
    ratioWidthChanged(): void;
    /**
     * The ratio height for this image (default = 1).
     * Use this attribute together with `ratio-width` to reserve a
     * space for the image during rendering and to prevent jumping contents.
     */
    ratioHeight?: number;
    ratioHeightChanged(): void;
    /**
     * If true, styles the image with rounded borders.
     */
    rounded?: boolean;
    /**
     * State containing the composed ratio width for this image.
     */
    composedRatioHeight?: string;
    componentWillLoad(): void;
    componentDidLoad(): void;
    private computeFixedDimensions;
    private computeRatio;
    private handleError;
    render(): any;
}