import { LitElement } from 'lit';
export interface OkTimelineItem {
    /** Identificador único del item. */
    id: string;
    /** Título visible del hito. */
    title: string;
    /** Texto secundario opcional bajo el título. */
    description?: string;
    /** Marca temporal/etiqueta opcional (se muestra atenuada). */
    time?: string;
    /** Nombre de un ionicon opcional, dibujado dentro del punto. */
    icon?: string;
    /** Color del punto (token Ionic p.ej. 'primary' o cualquier valor CSS p.ej. '#3880ff'). */
    color?: string;
    /** Estado del hito; afecta al color por defecto y al resaltado del `current`. */
    status?: 'done' | 'current' | 'pending';
}
export declare class OkTimeline extends LitElement {
    static styles: import("lit").CSSResult;
    /** Items de la línea de tiempo (en orden cronológico de arriba a abajo). */
    items: OkTimelineItem[];
    /** Disposición: 'left' (todo a la derecha de la línea) o 'alternate' (zig-zag en desktop). */
    align: 'left' | 'alternate';
    private dotColor;
    private emitClick;
    private renderItem;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ok-timeline': OkTimeline;
    }
}