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();
    /** True when no startDate is provided — treated as "since creation" (always in the past). */
    private get _startIsCreation();
    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
     * @param isForever      - whether the timeline has no fixed end date
     * @param dotOnStartTick - when true the start dot is placed on the vertical tick instead of far left
     */
    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;
    /**
     * Renders the 3-column label row below the bar.
     * The outer columns represent the space outside the ticks (left edge → left tick,
     * right tick → right edge). The inner content sits between the ticks, split into
     * left-date | arrow | right-date via a nested 3-column grid.
     *
     * @param startLabel  - content for the start (left) label
     * @param endLabel    - content for the end (right) label
     * @param leftOffset  - CSS width matching the left tick position from the left edge
     * @param rightOffset - CSS width matching the right tick position from the right edge
     */
    private _labelRowTemplate;
    private endDateTemplate;
    private foreverTemplate;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-timeline': LuksoTimeline;
    }
}
export {};
//# sourceMappingURL=index.d.ts.map