import { SbbElement } from '@sbb-esta/lyne-elements/core.js';
import { type CSSResultGroup, type TemplateResult } from 'lit';
import type { Leg, PtRideLeg } from '../core.ts';
/**
 * It visually displays journey information.
 * @deprecated Use `sbb-pearl-chain` instead.
 */
export declare class SbbPearlChainLegacyElement extends SbbElement {
    static readonly elementName: string;
    static styles: CSSResultGroup;
    /**
     * Define the legs of the pearl-chain.
     * Format:
     * `{"legs": [{"duration": 25}, ...]}`
     * `duration` in minutes. Duration of the leg is relative
     * to the total travel time. Example: departure 16:30, change at 16:40,
     * arrival at 17:00. So the change should have a duration of 33.33%.
     */
    accessor legs: (Leg | PtRideLeg)[];
    /**
     * Per default, the current location has a pulsating animation. You can
     * disable the animation with this property.
     */
    accessor disableAnimation: boolean;
    /**
     * A configured date which acts as the current date instead of the real current date.
     * Only recommended for testing purposes.
     */
    set now(value: Date | null);
    get now(): Date | null;
    private _now;
    private _getAllDuration;
    private _isAllCancelled;
    private _getRelativeDuration;
    private _getProgress;
    private _getStatus;
    private _renderPosition;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-pearl-chain-legacy': SbbPearlChainLegacyElement;
    }
}