{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "upcomming-activities",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/UpcommingActivitiesCardCode.tsx",
      "content": "\"use client\";\r\nimport React from \"react\";\r\nimport { Card } from '@/components/ui/card'\r\nimport Image from \"next/image\";\r\n\r\nconst UpcommingActCard = () => {\r\n  const RecentTransData = [\r\n    {\r\n      img: \"/images/svgs/icon-map-pin.svg\",\r\n      title: \"Trip to singapore\",\r\n      subtitle: \"working on\",\r\n      rank: \"5 mins\",\r\n      bgcolor: \"primary\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-database.svg\",\r\n      title: \"Archived Data\",\r\n      subtitle: \"working on\",\r\n      rank: \"10 mins\",\r\n      bgcolor: \"primary\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-phone.svg\",\r\n      title: \"Meeting with client\",\r\n      subtitle: \"pending\",\r\n      rank: \"10 mins\",\r\n      bgcolor: \"warning\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-screen-share.svg\",\r\n      title: \"Screening Task Team\",\r\n      subtitle: \"working on\",\r\n      rank: \"20 mins\",\r\n      bgcolor: \"error\",\r\n    },\r\n    {\r\n      img: \"/images/svgs/icon-mail.svg\",\r\n      title: \"Send envelope to John\",\r\n      subtitle: \"Done\",\r\n      rank: \"20 mins\",\r\n      bgcolor: \"success\",\r\n    },\r\n  ];\r\n  return (\r\n    <>\r\n      <Card className=\"pb-7\">\r\n        <div>\r\n          <h3 className=\"text-lg font-semibold text-dark dark:text-white\">Upcoming Activity</h3>\r\n          <p className=\"text-sm\">In New year</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`}\r\n              >\r\n                {item.rank}\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </Card>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default UpcommingActCard;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/upcomming-activities/UpcommingActivitiesCardCode.tsx"
    }
  ]
}