Activity Feed Card

import { Notification18 } from "@/components/beste/piece/notification18";

<Notification18
  title="Activity"
  items={[
    {
      "icon": {
        "displayName": "CalendarCheck"
      },
      "title": "Rowan Blake confirmed",
      "meta": "Intake · 09:00",
      "time": "2m",
      "tone": "emerald"
    },
    {
      "icon": {
        "displayName": "CreditCard"
      },
      "title": "Invoice #4821 paid",
      "meta": "$1,240 · Card",
      "time": "18m",
      "tone": "primary"
    },
    {
      "icon": {
        "displayName": "Bell"
      },
      "title": "Renewal due soon",
      "meta": "3 members this week",
      "time": "1h",
      "tone": "amber"
    }
  ]}
/>