import { UmbImagingCropMode } from '../types.js';
import { UmbLitElement } from '../../../core/lit-element/index.js';
export declare class UmbImagingThumbnailElement extends UmbLitElement {
    #private;
    /**
     * The unique identifier for the media item.
     * @description This is also known as the media key and is used to fetch the resource.
     */
    unique?: string;
    /**
     * The width of the thumbnail in pixels.
     * @default 300
     */
    width: number;
    /**
     * The height of the thumbnail in pixels.
     * @default 300
     */
    height: number;
    /**
     * The mode of the thumbnail.
     * @description The mode determines how the image is cropped.
     * @enum {UmbImagingCropMode}
     */
    mode: UmbImagingCropMode;
    /**
     * The output format of the thumbnail.
     * @description The format to convert the image to. If not specified, the backend automatically determines the best format based on the source file type.
     */
    format?: string;
    /**
     * The alt text for the thumbnail.
     */
    alt: string;
    /**
     * The fallback icon for the thumbnail.
     */
    icon: string;
    /**
     * The `loading` state of the thumbnail.
     * @enum {'lazy' | 'eager'}
     * @default 'lazy'
     */
    loading: (typeof HTMLImageElement)['prototype']['loading'];
    /**
     * External loading state (e.g., when parent is waiting for metadata)
     */
    externalLoading: boolean;
    private _isLoading;
    private _thumbnailUrl;
    render(): import("lit-html").TemplateResult<1>;
    connectedCallback(): void;
    disconnectedCallback(): void;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        'umb-imaging-thumbnail': UmbImagingThumbnailElement;
    }
}