{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "payment-gateways",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "card",
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/PaymentGatwaysCode.tsx",
      "content": "\"use client\";\r\nimport React from \"react\";\r\nimport { Card } from '@/components/ui/card'\r\nimport Image from \"next/image\";\r\nimport { Button } from \"@/components/ui/button\";\r\n\r\nconst PaymentGateway = () => {\r\n  const RecentTransData = [\r\n    {\r\n      img: \"/images/svgs/icon-paypal.svg\",\r\n      title: \"PayPal Transfer\",\r\n      subtitle: \"Money added\",\r\n      rank: \"+$6,235\",\r\n      disable: \"\",\r\n      bgcolor: \"secondary\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-office-bag.svg\",\r\n      title: \"Wallet\",\r\n      subtitle: \"Bill payment\",\r\n      rank: \"+$345\",\r\n      disable: \"opacity-80\",\r\n      bgcolor: \"success\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-master-card.svg\",\r\n      title: \"Credit Card\",\r\n      subtitle: \"Money reversed\",\r\n      rank: \"+$2,235\",\r\n      disable: \"\",\r\n      bgcolor: \"warning\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-pie.svg\",\r\n      title: \"Refund\",\r\n      subtitle: \"Bill Payment\",\r\n      rank: \"-$32\",\r\n      disable: \"opacity-80\",\r\n      bgcolor: \"error\",\r\n    },\r\n  ];\r\n  return (\r\n    <>\r\n      <Card>\r\n        <div>\r\n          <h3 className=\"text-lg font-semibold text-dark dark:text-white\">Recent Transactions</h3>\r\n          <p className=\"text-sm\">Platform for Income</p>\r\n        </div>\r\n        <div className=\"mt-7 flex flex-col gap-6\">\r\n          {RecentTransData.map((item, index) => (\r\n            <div className=\"flex gap-3.5 items-center\" key={index}>\r\n              <div\r\n                className={`h-11 w-11 rounded-md flex justify-center items-center bg-light${item.bgcolor} dark:bg-dark${item.bgcolor}`}\r\n              >\r\n                <Image src={item.img} alt=\"icon\" className=\"h-6 w-6\" width={24} height={24} />\r\n              </div>\r\n              <div>\r\n                <h4 className=\"text-base\">{item.title}</h4>\r\n                <p className=\"text-sm text-darklink\">{item.subtitle}</p>\r\n              </div>\r\n              <div\r\n                className={`ms-auto font-medium text-ld ${item.disable}`}\r\n              >\r\n                {item.rank}\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n        <div className=\"\">\r\n          <Button color={\"primary\"} className=\"w-full mt-7\">\r\n            View All Transactions\r\n          </Button>\r\n        </div>\r\n      </Card>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PaymentGateway;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/payment-gateways/PaymentGatwaysCode.tsx"
    }
  ]
}