import { SbbElement, type SbbElementType } from '@sbb-esta/lyne-elements/core.js';
import { type CSSResultGroup, type TemplateResult } from 'lit';
import type { Leg, PtRideLeg } from '../core.ts';
/**
 * Combined with `sbb-pearl-chain-legacy`, it displays walk time information.
 * @deprecated Use `sbb-pearl-chain` instead.
 */
export declare class SbbPearlChainTimeElement extends SbbElement {
    static readonly elementName: string;
    static elementDependencies: SbbElementType[];
    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)[];
    /** Prop to render the departure time - will be formatted as "H:mm" */
    accessor departureTime: string;
    /** Prop to render the arrival time - will be formatted as "H:mm" */
    accessor arrivalTime: string;
    /** Optional prop to render the walk time (in minutes) before departure */
    accessor departureWalk: number;
    /** Optional prop to render the walk time (in minutes) after arrival */
    accessor arrivalWalk: number;
    /**
     * Per default, the current location has a pulsating animation. You can
     * disable the animation with this property.
     */
    accessor disableAnimation: boolean;
    /** Optional prop to render wheelchair-small instead of walk-small */
    accessor a11yFootpath: 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 | undefined);
    get now(): Date;
    private _now;
    private _language;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-pearl-chain-time': SbbPearlChainTimeElement;
    }
}