/**
 * Text chip shown in val-media-overlay-card.
 */
export interface MediaOverlayCardChip {
    /** Stable identifier for tracking and analytics */
    value: string;
    /** Visible chip label */
    label: string;
}
/**
 * Metadata for val-media-overlay-card.
 *
 * Presentational card for landing pages and onboarding previews. It combines a
 * wide media area with a solid body surface that overlaps the image.
 */
export interface MediaOverlayCardMetadata {
    /** Image URL */
    image?: string;
    /** Alternative text for the image. Empty string means decorative. */
    imageAlt?: string;
    /** Aspect ratio for the image area. Default: '16 / 9'. */
    imageAspectRatio?: string;
    /** Header label shown in the overlapping body */
    headerLabel?: string;
    /** Status label shown opposite the header */
    statusLabel?: string;
    /** Compact chips below the header */
    chips?: MediaOverlayCardChip[];
    /** Main title in the highlighted body block */
    title: string;
    /** Supporting text in the highlighted body block */
    description?: string;
    /** Chips shown at the bottom of the body */
    tags?: MediaOverlayCardChip[];
    /** Body width. Default: 'min(100%, 430px)'. */
    bodyWidth?: string;
    /** Overlap amount between image and body. Default: '-5.75rem'. */
    overlap?: string;
    /** Outer frame radius. Default: 'var(--val-radius-xl, 36px)'. */
    frameRadius?: string;
    /** Image radius. Default: 'var(--val-radius-lg, 28px)'. */
    imageRadius?: string;
    /** Body radius. Default: 'var(--val-radius-lg, 28px)'. */
    bodyRadius?: string;
    /** Body horizontal alignment. Default: 'end'. */
    bodyAlign?: 'start' | 'center' | 'end';
    /** Show frame border. Default: true. */
    bordered?: boolean;
    /** Show frame shadow. Default: true. */
    shadowed?: boolean;
}
/**
 * Default values for MediaOverlayCardMetadata.
 */
export declare const MEDIA_OVERLAY_CARD_DEFAULTS: Required<Pick<MediaOverlayCardMetadata, 'imageAspectRatio' | 'bodyWidth' | 'overlap' | 'frameRadius' | 'imageRadius' | 'bodyRadius' | 'bodyAlign' | 'bordered' | 'shadowed'>>;