{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "mutual-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/MutualFriendBannerCode.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 MutualBannerCode = () => {\r\n  return (\r\n    <>\r\n      <Card className=\"mt-[30px] text-center\">\r\n        <h5 className=\"text-lg mb-4\">Mutual Friend Revealed</h5>\r\n        <div className=\"relative w-fit mx-auto\">\r\n          <Image\r\n            src=\"/images/profile/user-3.jpg\"\r\n            alt=\"banner\"\r\n            className=\"mx-auto w-[140px] rounded-full\"\r\n            width={140}\r\n            height={140}\r\n          />\r\n          <span className=\"rounded-full absolute end-3 top-[5px] bg-error text-[10px] h-5 w-5 flex justify-center items-center text-white\">\r\n            1\r\n          </span>\r\n        </div>\r\n\r\n        <div className=\"mx-auto mt-4\">\r\n          <h5 className=\"text-lg\">Tommoie Henderson</h5>\r\n          <p className=\"text-darklink mt-2 md:px-12\">\r\n            Accept the request and type a message\r\n          </p>\r\n          <div className=\"flex justify-center gap-3 mt-4\">\r\n            <Button>Accept</Button>\r\n            <Button variant={\"lighterror\"}>Remove</Button>\r\n          </div>\r\n        </div>\r\n      </Card>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MutualBannerCode;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/blocks/mutual-banner/MutualFriendBannerCode.tsx"
    }
  ]
}