declare const LuksoTimeline_base: import('@lukso/core').IntlServiceMixinConstructor<typeof import('lit').LitElement>;
/**
 * Displays the temporal state of an event as a horizontal progress bar with date labels.
 */
export declare class LuksoTimeline extends LuksoTimeline_base {
    startDate: string;
    endDate: string;
    private get _intl();
    private get _state();
    private get _startIsNow();
    private get _progressPercent();
    private _formatDate;
    private _formatTime;
    private _relativeTime;
    private _todayLabelTemplate;
    /**
     * Renders the horizontal bar with endpoint dots and two colour segments.
     *
     * @param leftPercent - width of the left (coloured) segment, 0–100
     * @param leftStyle   - CSSStyleDeclaration-style object for the left segment
     * @param rightStyle  - CSSStyleDeclaration-style object for the right segment
     */
    private _barTemplate;
    /**
     * Renders a date's label block: formatted date, time, and relative time.
     *
     * @param date  - the Date to format
     * @param align - 'start' (left-aligned) or 'end' (right-aligned)
     */
    private _dateLabelTemplate;
    private endDateTemplate;
    private foreverTemplate;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-timeline': LuksoTimeline;
    }
}
export {};
//# sourceMappingURL=index.d.ts.map