import { LitElement } from 'lit';
import '../text';
/**
 * @prop {String} src - Defines the source image to be displayed. Must be a url (web or relative path).
 * @prop {String} alt - Defines the text shown in case the image cannot be loaded.
 * @prop {String} width - Defines the width of the image. Can take a numeric or percentual value.
 * @prop {String} height - Defines the height of the image. Can take a numeric or percentual value.
 * @prop {'fill'|'contain'|'cover'|'none'|'scale-down'} fit - Defines how the image fits to the component. Possible values are `fill`, `contain`, `cover`, `none` and `scale-down`.
 * @prop {String} legend - Defines the legend text.
 * @prop {'inner-top'|'inner-bottom'} legendPosition - Defines the position of the legend. Possible values are `inner-top` and `inner-bottom`. If left unset, the legend is displayed underneath the image
 * @slot top - The container for components overlayed at the top corner of the image.
 * @slot bottom - The container for components overlayed at the bottom corner of the image.
 */
export declare class korImage extends LitElement {
    src: string | undefined;
    alt: string | undefined;
    height: string | undefined;
    width: string;
    fit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
    legend: string | undefined;
    legendPosition: string | undefined;
    static get styles(): import("lit").CSSResultGroup[];
    render(): import("lit-html").TemplateResult<1>;
    attributeChangedCallback(name: string, oldval: string, newval: string): void;
}