import * as i0 from "@angular/core";
/**
 * Image or video region of a `riv-card`, usually its first part.
 *
 * Pass `src` to render an image, or project any other media (`<video>`,
 * `<iframe>`, a chart) as content:
 *
 * ```html
 * <riv-card-media
 *   [src]="report.thumbnailUrl"
 *   [alt]="'Preview of ' + report.name"
 *   [aspectRatio]="'16 / 9'"
 * ></riv-card-media>
 * ```
 *
 * `alt` defaults to an empty string, which marks the image as decorative. Set
 * it whenever the media carries information the surrounding text does not — a
 * card whose only distinguishing feature is its image needs one.
 *
 * Give the region a stable box with `aspectRatio` or `height` so cards in a
 * grid stay aligned while images load.
 */
export declare class CardMediaComponent {
    /** Image URL. Omit when projecting media as content instead. */
    src?: string;
    /** Alternative text. Empty means decorative. */
    alt: string;
    /** Any CSS `aspect-ratio` value, e.g. `'16 / 9'`. */
    aspectRatio?: string;
    /** Any CSS length, e.g. `'140px'`. Takes precedence over `aspectRatio`. */
    height?: string;
    /** How the image fills the region. */
    fit: CardMediaComponent.Fit;
    get classes(): string;
    get aspectRatioStyle(): string | null;
    get heightStyle(): string | null;
    static ɵfac: i0.ɵɵFactoryDeclaration<CardMediaComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<CardMediaComponent, "riv-card-media", never, { "src": "src"; "alt": "alt"; "aspectRatio": "aspectRatio"; "height": "height"; "fit": "fit"; }, {}, never, ["*"], false, never>;
}
export declare namespace CardMediaComponent {
    const Fits: readonly ["cover", "contain", "fill"];
    type Fit = (typeof Fits)[number];
}