{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "activity-feed-01",
  "dependencies": ["lucide-react"],
  "registryDependencies": [
    "avatar",
    "badge",
    "card",
    "https://dashboardblocks.com/r/activity-feed.json",
    "https://dashboardblocks.com/r/icon.json"
  ],
  "files": [
    {
      "path": "registry/components/dashboardblocks/activity-feed/activity-feed-01.tsx",
      "content": "import {\n  ActivityFeedContent,\n  ActivityFeedItem,\n} from '@/registry/components/dashboardblocks/activity-feed'\nimport { Icon } from '@/registry/components/dashboardblocks/icon'\nimport { Bell, DollarSign, FileText, LucideIcon, Settings, UserPlus } from 'lucide-react'\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'\n\nimport { cn } from '@/lib/utils'\n\ninterface Activity {\n  id: number\n  user: string\n  avatar: string\n  action: string\n  target: string\n  time: string\n  icon: LucideIcon\n  iconColor: string\n}\n\ninterface ActivityFeed01Props {\n  title: string\n  badgeCount: number\n  activities: Activity[]\n}\n\nconst exampleProps: ActivityFeed01Props = {\n  title: 'Recent Activity',\n  badgeCount: 4,\n  activities: [\n    {\n      id: 1,\n      user: 'Sarah Chen',\n      avatar: '/images/women.jpg',\n      action: 'created a new document',\n      target: 'Q4 Revenue Report',\n      time: '2 minutes ago',\n      icon: FileText,\n      iconColor: 'text-blue-600 bg-blue-600/10',\n    },\n    {\n      id: 2,\n      user: 'Michael Scott',\n      avatar: '/images/man.jpg',\n      action: 'invited',\n      target: 'Jim Halpert',\n      time: '15 minutes ago',\n      icon: UserPlus,\n      iconColor: 'text-teal-600 bg-teal-600/10',\n    },\n    {\n      id: 3,\n      user: 'Pam Beesly',\n      avatar: '/images/women.jpg',\n      action: 'updated settings for',\n      target: 'Marketing Campaign',\n      time: '1 hour ago',\n      icon: Settings,\n      iconColor: 'text-orange-600 bg-orange-600/10',\n    },\n    {\n      id: 4,\n      user: 'Dwight Schrute',\n      avatar: '/images/man.jpg',\n      action: 'processed payment of',\n      target: '$2,450.00',\n      time: '3 hours ago',\n      icon: DollarSign,\n      iconColor: 'text-violet-600 bg-violet-600/10',\n    },\n  ],\n}\n\nconst ActivityFeed01 = (props: ActivityFeed01Props) => {\n  const { title, badgeCount, activities } = props\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className='flex items-center justify-between'>\n          {title}\n          <Badge variant='secondary' className='bg-blue-600 text-white'>\n            <Bell />\n            {badgeCount} New\n          </Badge>\n        </CardTitle>\n      </CardHeader>\n      <CardContent className='space-y-4'>\n        {activities.map((activity) => {\n          const ActivityIcon = activity.icon\n          return (\n            <ActivityFeedItem key={activity.id}>\n              <Avatar className='h-10 w-10'>\n                <AvatarImage src={activity.avatar} alt={activity.user} />\n                <AvatarFallback>{activity.user.slice(0, 2)}</AvatarFallback>\n              </Avatar>\n              <ActivityFeedContent className='space-y-0.5'>\n                <p>\n                  <span className='font-medium'>{activity.user}</span>{' '}\n                  <span className='text-muted-foreground'>{activity.action}</span>{' '}\n                  <span className='font-medium'>{activity.target}</span>\n                </p>\n                <span className='text-xs text-muted-foreground'>{activity.time}</span>\n              </ActivityFeedContent>\n              <Icon\n                icon={ActivityIcon}\n                shape='circle'\n                size='sm'\n                className={cn('hidden md:flex', activity.iconColor)}\n              />\n            </ActivityFeedItem>\n          )\n        })}\n      </CardContent>\n    </Card>\n  )\n}\n\nexport {\n  ActivityFeed01,\n  exampleProps as activityFeed01ExampleProps,\n  type ActivityFeed01Props,\n  type Activity,\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}