import {
  ActivityFeed,
  type ActivityFeedItemProps,
} from "@/components/ui/expanded/ActivityFeed"

const activityItems: ActivityFeedItemProps[] = Array.from({ length: 4 }, () => ({
  actions: [
    { label: "Button", variant: "primary" },
    { label: "Button", variant: "secondary" },
  ],
  caption: "Caption text",
  label: "Label",
  link: "#Link",
  slotContent: "Slot content",
  supportText: "Support Text",
  timestamp: "Mar 15. 2050",
  type: "caption",
}))

export function ActivityFeedDemo() {
  return <ActivityFeed ariaLabel="Activity feed" items={activityItems} />
}
