{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "notification-center",
  "type": "registry:component",
  "title": "Notification center",
  "description": "A React notification center card with a settings action and a stack of notification items showing title, body, relative time and an unread marker.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/notification-item.json"
  ],
  "files": [
    {
      "path": "registry/blocks/notification-center.tsx",
      "type": "registry:ui",
      "target": "components/ui/notification-center.tsx",
      "content": "\"use client\"\nimport { Button } from \"@/components/ui/button\"\nimport { NotificationItem } from \"@/components/ui/notification-item\"\n\nfunction NotificationCenter() {\n  return (\n    <div data-slot=\"notification-center\" className=\"w-full max-w-md overflow-hidden rounded-2xl border border-border bg-surface shadow-highlight\">\n      <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n        <h3 className=\"text-sm font-medium text-fg\">Notifications</h3>\n        <Button size=\"sm\" variant=\"ghost\">Settings</Button>\n      </div>\n      <div>\n        <NotificationItem title=\"Deploy succeeded\" body=\"premium-motion gallery · axe clean\" date={new Date().toISOString()} unread />\n        <NotificationItem title=\"New comment on Q3 plan\" body=\"client-pitch-kit landed in registry\" date={new Date(Date.now()-3600000).toISOString()} />\n        <NotificationItem title=\"Stub thicken\" body=\"24 product surfaces upgraded\" date={new Date(Date.now()-7200000).toISOString()} />\n      </div>\n    </div>\n  )\n}\nexport { NotificationCenter }\n"
    }
  ]
}