{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "activity-feed-04",
  "dependencies": ["lucide-react"],
  "registryDependencies": [
    "button",
    "card",
    "dropdown-menu",
    "https://dashboardblocks.com/r/activity-feed.json",
    "https://dashboardblocks.com/r/icon.json"
  ],
  "files": [
    {
      "path": "registry/components/dashboardblocks/activity-feed/activity-feed-04.tsx",
      "content": "import {\n  ActivityFeedContent,\n  ActivityFeedIndicator,\n  ActivityFeedItem,\n  ActivityFeedTimeline,\n} from '@/registry/components/dashboardblocks/activity-feed'\nimport { ArrowRight, MoreHorizontalIcon } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ntype EventStatus = 'error' | 'info' | 'progress' | 'success'\n\ninterface TimelineEvent {\n  id: number\n  title: string\n  description: string\n  time: string\n  status: EventStatus\n}\n\ninterface ActivityFeed04Props {\n  title: string\n  events: TimelineEvent[]\n}\n\nconst exampleProps: ActivityFeed04Props = {\n  title: 'Recent Deployments',\n  events: [\n    {\n      id: 1,\n      title: 'Deployment Successful',\n      description: 'Production v2.4.1 deployed to all regions',\n      time: '10:32 AM',\n      status: 'success',\n    },\n    {\n      id: 2,\n      title: 'Build Started',\n      description: 'Building production bundle...',\n      time: '10:30 AM',\n      status: 'progress',\n    },\n    {\n      id: 3,\n      title: 'Critical Alert',\n      description: 'CPU usage exceeded 90% threshold',\n      time: '9:15 AM',\n      status: 'error',\n    },\n    {\n      id: 4,\n      title: 'Performance Optimized',\n      description: 'Cache hit rate improved by 23%',\n      time: '8:45 AM',\n      status: 'info',\n    },\n  ],\n}\n\nconst ActivityFeed04 = (props: ActivityFeed04Props) => {\n  const { title, events } = props\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className='flex items-center justify-between'>\n          {title}\n          <Button variant='outline' size='sm'>\n            View all\n            <ArrowRight />\n          </Button>\n        </CardTitle>\n      </CardHeader>\n      <CardContent>\n        <ActivityFeedTimeline linePosition='center'>\n          {events.map((event) => {\n            return (\n              <ActivityFeedItem key={event.id}>\n                <div className='mt-0.5 flex w-14 justify-end text-center text-xs text-muted-foreground'>\n                  {event.time}\n                </div>\n                <ActivityFeedIndicator status={event.status} variant='ring' />\n                <ActivityFeedContent>\n                  <div className='space-y-1'>\n                    <p className='font-medium leading-none'>{event.title}</p>\n                    <p className='text-sm text-muted-foreground'>{event.description}</p>\n                  </div>\n                </ActivityFeedContent>\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button variant='ghost' size='icon'>\n                      <MoreHorizontalIcon /> <span className='sr-only'>More options</span>\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align='end'>\n                    <DropdownMenuItem>View deployment</DropdownMenuItem>\n                    <DropdownMenuItem>Download logs</DropdownMenuItem>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuItem>Contact support</DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </ActivityFeedItem>\n            )\n          })}\n        </ActivityFeedTimeline>\n      </CardContent>\n    </Card>\n  )\n}\n\nexport {\n  ActivityFeed04,\n  exampleProps as activityFeed04ExampleProps,\n  type ActivityFeed04Props,\n  type TimelineEvent,\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}