import { CSSResultGroup, TemplateResult } from 'lit';
import { SbbLinkBaseElement } from '../core/base-elements.js';
import { SbbTitleLevel } from '../title.js';

/**
 * It displays an interactive image with caption.
 *
 * @slot image - Slot used to render the image.
 * @slot chip - Slot used to render the sbb-chip label.
 * @slot title - Slot used to render the title.
 * @slot - Use the unnamed slot to render the description.
 */
export declare class SbbTeaserElement extends SbbLinkBaseElement {
    static styles: CSSResultGroup;
    /** Teaser variant - define the position and the alignment of the text block. */
    alignment: 'after-centered' | 'after' | 'below';
    /** Heading level of the sbb-title element (e.g. h1-h6). */
    titleLevel: SbbTitleLevel;
    /** Content of title. */
    titleContent?: string;
    /** Content of chip. */
    chipContent?: string;
    constructor();
    protected renderTemplate(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-teaser': SbbTeaserElement;
    }
}
//# sourceMappingURL=teaser.d.ts.map