ActivityFeed

import { ActivityItem, ActivityContent } from "@raydenui/ui";

<div className="space-y-4">
  <ActivityItem
    avatar={<Avatar type="image" src="/user1.jpg" />}
    timestamp="5 mins ago"
  >
    <ActivityContent>
      <strong>John Doe</strong> commented on your post
    </ActivityContent>
  </ActivityItem>
  <ActivityItem
    avatar={<Avatar type="initials" initials="AS" />}
    timestamp="1 hour ago"
  >
    <ActivityContent>
      <strong>Alice Smith</strong> shared a document with you
    </ActivityContent>
  </ActivityItem>
</div>

<div className="space-y-4">
  <ActivityItem
    icon={<Icon name="check-circle" className="text-success-400" />}
    timestamp="2 hours ago"
  >
    <ActivityContent>
      Project <strong>"Dashboard"</strong> was completed
    </ActivityContent>
  </ActivityItem>
  <ActivityItem
    icon={<Icon name="alert-circle" className="text-warning-400" />}
    timestamp="3 hours ago"
  >
    <ActivityContent>
      Build failed for <strong>main</strong> branch
    </ActivityContent>
  </ActivityItem>
</div>

<ActivityItem
  avatar={<Avatar type="image" src="/user.jpg" />}
  timestamp="10 mins ago"
  actions={
    <div className="flex gap-2">
      <Button size="sm" variant="primary">Accept</Button>
      <Button size="sm" variant="grey">Decline</Button>
    </div>
  }
>
  <ActivityContent>
    <strong>Bob Wilson</strong> wants to join your team
  </ActivityContent>
</ActivityItem>

<div className="space-y-2">
  <ActivityItem timestamp="Just now">
    File uploaded successfully
  </ActivityItem>
  <ActivityItem timestamp="2 mins ago">
    Settings updated
  </ActivityItem>
  <ActivityItem timestamp="5 mins ago">
    New comment received
  </ActivityItem>
</div>