import { ReactNode } from 'react';

export interface TimelineItem {
    id: number;
    date: string;
    title: string;
    description?: string;
    timestamp: string;
    metadata?: Array<{
        icon: ReactNode;
        label: string;
        value: string | number | ReactNode;
    }>;
    content?: ReactNode;
    type: string;
    isPinned?: boolean;
}

export interface TimelineGroup {
    label: string;
    items: TimelineItem[];
}

export interface TimelineProps {
    groups: TimelineGroup[];
}