import { LitElement } from 'lit';
export interface TimelineItem {
    id: string;
    title: string;
    description?: string;
    timestamp?: string | Date;
    icon?: string;
    iconColor?: string;
    status?: 'default' | 'success' | 'warning' | 'error' | 'info';
    content?: string;
    metadata?: Record<string, string>;
    dotSize?: 'sm' | 'md' | 'lg';
    customDotContent?: string;
    titleBadge?: boolean;
}
/**
 * Timeline component for displaying chronological events
 *
 * @element ui-timeline
 *
 * @prop {TimelineItem[]} items - Array of timeline items to display
 * @prop {'vertical' | 'horizontal'} orientation - Timeline orientation
 * @prop {'left' | 'right' | 'alternate'} position - Item position (vertical only)
 * @prop {'solid' | 'dashed' | 'dotted'} lineStyle - Connection line style
 * @prop {'sm' | 'md' | 'lg'} size - Timeline size
 * @prop {boolean} showTimestamp - Whether to show timestamps
 * @prop {boolean} interactive - Enable hover effects and click events
 * @prop {boolean} animated - Enable entrance animations
 * @prop {string} activeItemId - ID of the currently active item
 * @prop {string} emptyMessage - Message to show when no items
 *
 * @fires item-click - Fired when an item is clicked (if interactive)
 *
 * @csspart container - The timeline container
 * @csspart item - Individual timeline item
 * @csspart dot - Timeline dot marker
 * @csspart content - Item content area
 * @csspart line - Connection line
 */
export declare class Timeline extends LitElement {
    items: TimelineItem[];
    orientation: 'vertical' | 'horizontal';
    position: 'left' | 'right' | 'alternate';
    lineStyle: 'solid' | 'dashed' | 'dotted';
    size: 'sm' | 'md' | 'lg';
    showTimestamp: boolean;
    interactive: boolean;
    animated: boolean;
    activeItemId: string;
    emptyMessage: string;
    /**
     * Label for the timeline
     */
    ariaLabel: string | null;
    private timelineId;
    static styles: import("lit").CSSResult;
    private handleItemClick;
    private formatTimestamp;
    private renderDot;
    private renderItem;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-timeline': Timeline;
    }
}
//# sourceMappingURL=timeline.d.ts.map