{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feed-cards",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "dependencies": [
    "@iconify/react"
  ],
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/FeedCardsCode.tsx",
      "content": "\r\nimport { Card } from \"@/components/ui/card\"\r\nimport { Icon } from \"@iconify/react\"\r\n\r\nconst feeds = [\r\n    { icon: \"solar:bell-linear\", text: \"You have 4 pending tasks.\", time: \"Just Now\", color: \"text-primary\", bg: \"bg-lightprimary\", border: \"border-l-primary\" },\r\n    { icon: \"solar:database-linear\", text: \"Server #1 overloaded\", time: \"2 Hr Ago\", color: \"text-success\", bg: \"bg-lightsuccess\", border: \"border-l-success\" },\r\n    { icon: \"solar:map-point-linear\", text: \"New order received.\", time: \"31 May\", color: \"text-warning\", bg: \"bg-lightwarning\", border: \"border-l-warning\" },\r\n    { icon: \"solar:microphone-linear\", text: \"New user registered.\", time: \"30 May\", color: \"text-error\", bg: \"bg-lighterror\", border: \"border-l-error\" },\r\n    { icon: \"solar:home-wifi-linear\", text: \"New Version just arrived.\", time: \"27 May\", color: \"text-secondary\", bg: \"bg-lightsecondary\", border: \"border-l-secondary\" },\r\n]\r\n\r\nconst FeedsCard = () => {\r\n    return (\r\n        <Card className=\"p-7 flex flex-col gap-6\">\r\n            <h3 className=\"font-semibold text-lg mb-2\">Feeds</h3>\r\n\r\n            <div className=\"flex flex-col gap-5\">\r\n                {feeds.map((feed, index) => (\r\n                    <div\r\n                        key={index}\r\n                        className={`flex items-center justify-between border-l-2 ${feed.border} pl-3`}\r\n                    >\r\n                        <div className=\"flex items-center gap-3\">\r\n                            <span className={`p-2 rounded-full ${feed.bg}`}>\r\n                                <Icon icon={feed.icon} className={`${feed.color}`} width=\"20\" height=\"20\" />\r\n                            </span>\r\n                            <span className=\"text-sm\">{feed.text}</span>\r\n                        </div>\r\n                        <span className=\"text-xs text-gray-400 whitespace-nowrap\">{feed.time}</span>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default FeedsCard\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/feed-cards/FeedCardsCode.tsx"
    }
  ]
}