{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "notification-banner",
  "type": "registry:component",
  "description": "A banner component with optional code display for UI blocks.",
  "registryDependencies": [
    "card",
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/banners/code/NotificationBannerCode.tsx",
      "content": "import React from \"react\";\r\nimport { Card } from '@/components/ui/card'\r\nimport Image from \"next/image\";\r\nimport { Button } from \"@/components/ui/button\";\r\nconst NotificationBannerCode = () => {\r\n  return (\r\n    <>\r\n      <Card>\r\n        <p className=\"text-sm text-darklink text-center mb-2\">LEVEL UP</p>\r\n        <Image src=\"/images/backgrounds/gold.png\" alt=\"banner\" className=\"mx-auto w-[150px]\" width={150} height={150} />\r\n        <div className=\"text-center mx-auto mt-3\">\r\n          <h5 className=\"text-lg\">You reach all Notifications</h5>\r\n          <p className=\"text-darklink mt-2 md:px-12\">\r\n            Congratulations, Tap to continue next task.\r\n          </p>\r\n          <div className=\"flex justify-center mt-3\">\r\n            <Button>Yes,Got it!</Button>\r\n          </div>\r\n        </div>\r\n      </Card>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NotificationBannerCode;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/blocks/notification-banner/NotificationBannerCode.tsx"
    }
  ]
}