/** @jsx h */
import { SpsIcon } from "@spscommerce/ds-shared";
import { ClassBindings, StyleBindings } from "../../decorators/index";
export declare enum SpsPhotoDisplayMode {
    FIT = "fit",
    FILL = "fill"
}
export declare class SpsPhotoComponent extends HTMLElement {
    static readonly displayName = "sps-photo";
    static readonly props: {
        src: string;
        altText: string;
        mode: string;
        placeholderIcon: string;
    };
    /** Photo source path, exactly the same as for an <img> tag. */
    src: string;
    /** Alt text to put on the image for vision impaired users. */
    altText: string;
    /** Display mode - fill or fit. */
    mode: SpsPhotoDisplayMode;
    /** If src is empty, the placeholder icon will be displayed instead. */
    placeholderIcon: SpsIcon;
    private width;
    private fitWidth;
    private imageInternal;
    /** The native HTML <img> element within the photo component. */
    get image(): HTMLImageElement;
    set image(newValue: HTMLImageElement);
    get [ClassBindings](): string[];
    get [StyleBindings](): {
        fontSize: string;
        width: string;
        height: string;
    };
    private waitForWidthInterval;
    private waitForImgHeightInterval;
    connectedCallback(): void;
    disconnectedCallback(): void;
    render(): JSX.Element;
    private setWidth;
}