"use client";

import { Text, Timeline, TimelineContent, TimelineDot, TimelineItem, TimelineSeparator } from '@photonix/ultimate';

export default function TimelineBasicExample() {
    return (
        <Timeline>
            <TimelineItem>
                <TimelineSeparator><TimelineDot variant="success" /></TimelineSeparator>
                <TimelineContent>
                    <Text variant="title-sm">Build passed</Text>
                    <Text variant="body-sm" color="secondary">Production docs compiled successfully.</Text>
                </TimelineContent>
            </TimelineItem>
            <TimelineItem>
                <TimelineSeparator><TimelineDot variant="primary" /></TimelineSeparator>
                <TimelineContent>
                    <Text variant="title-sm">Review opened</Text>
                    <Text variant="body-sm" color="secondary">Example coverage moved to the next batch.</Text>
                </TimelineContent>
            </TimelineItem>
        </Timeline>
    );
}