ActivityTimeline

import {
  ActivityTimeline,
  ActivityTimelineAvatar,
  ActivityTimelineBadge,
  ActivityTimelineConnector,
  ActivityTimelineContent,
  ActivityTimelineDescription,
  ActivityTimelineItem,
  ActivityTimelineList,
  ActivityTimelineRail,
  ActivityTimelineTitle,
} from "@giddaa-housing/ui/activity-timeline";

<ActivityTimeline>
  <ActivityTimelineTitle>Recent Activity</ActivityTimelineTitle>
  <ActivityTimelineList>
    <ActivityTimelineItem>
      <ActivityTimelineRail>
        <ActivityTimelineAvatar initials="S" />
        <ActivityTimelineConnector />
      </ActivityTimelineRail>
      <ActivityTimelineContent>
        <ActivityTimelineBadge variant="success">Approved</ActivityTimelineBadge>
        <ActivityTimelineDescription>
          Sarah approved this listing 4h ago
        </ActivityTimelineDescription>
      </ActivityTimelineContent>
    </ActivityTimelineItem>
  </ActivityTimelineList>
</ActivityTimeline>

ActivityTimeline
├── ActivityTimelineTitle
└── ActivityTimelineList
    └── ActivityTimelineItem
        ├── ActivityTimelineRail
        │   ├── ActivityTimelineAvatar
        │   └── ActivityTimelineConnector
        └── ActivityTimelineContent
            ├── ActivityTimelineBadge
            └── ActivityTimelineDescription