ActivityFeed

import { ActivityFeed } from "@hua-labs/ui/advanced/dashboard";

export function BasicActivityFeed() {
  const activities = [
    {
      id: "1",
      title: "New order created",
      description: "Order #1234 has been created",
      timestamp: new Date(),
      icon: "shoppingCart",
      badge: "Complete"
    },
    {
      id: "2",
      title: "Payment processed",
      description: "$50.00 payment completed",
      timestamp: new Date(Date.now() - 3600000),
      icon: "creditCard"
    }
  ];

  return (
    <ActivityFeed
      title="Recent Activity"
      items={activities}
    />
  );
}

import { ActivityFeed } from "@hua-labs/ui/advanced/dashboard";

export function LimitedActivityFeed() {
  return (
    <ActivityFeed
      title="Activity History"
      items={activities}
      maxItems={5}
      onViewAll={() => navigate("/activities")}
      viewAllLabel="View All"
    />
  );
}