{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "current-year-chart",
  "type": "registry:component",
  "description": "A Chart component with optional code display for UI blocks.",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/charts/code/CurrentYearCode.tsx",
      "content": "\"use client\";\r\nimport React from \"react\";\r\nimport dynamic from \"next/dynamic\";\r\nimport { Card } from \"@/components/ui/card\";\r\nconst Chart = dynamic(() => import(\"react-apexcharts\"), { ssr: false });\r\n\r\nconst CurrentYear = () => {\r\n  const ChartData: any = {\r\n    series: [55, 55, 55],\r\n    labels: [\"Income\", \"Current\", \"Expance\"],\r\n    chart: {\r\n      type: \"donut\",\r\n      height: 200,\r\n      fontFamily: `inherit`,\r\n      toolbar: {\r\n        show: false,\r\n      },\r\n      stacked: true,\r\n      sparkline: {\r\n        enabled: true,\r\n      },\r\n    },\r\n    colors: [\"var(--color-primary)\", \"#EAEFF4\", \"var(--color-secondary)\"],\r\n    plotOptions: {\r\n      pie: {\r\n        startAngle: 0,\r\n        endAngle: 360,\r\n        donut: {\r\n          size: \"89%\",\r\n          background: \"transparent\",\r\n\r\n          labels: {\r\n            show: true,\r\n            name: {\r\n              show: true,\r\n              offsetY: 7,\r\n            },\r\n            value: {\r\n              show: false,\r\n            },\r\n            total: {\r\n              show: true,\r\n              fontSize: \"20px\",\r\n              fontWeight: \"600\",\r\n              label: \"$98,260\",\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n    dataLabels: {\r\n      enabled: false,\r\n    },\r\n    stroke: {\r\n      show: false,\r\n    },\r\n    legend: {\r\n      show: false,\r\n    },\r\n    tooltip: {\r\n      theme: \"dark\",\r\n      fillSeriesColor: false,\r\n    },\r\n  };\r\n  return (\r\n    <Card>\r\n      <Chart\r\n        options={ChartData}\r\n        series={ChartData.series}\r\n        type=\"donut\"\r\n        height='200px'\r\n        width='100%'\r\n      />\r\n      <div className=\"flex justify-between items-end mt-4\">\r\n        <div>\r\n          <p className=\"text-sm\">Current Year</p>\r\n          <h5 className=\"text-xl\">$98,260</h5>\r\n        </div>\r\n        <span className=\"text-success text-sm\">+2.5%</span>\r\n      </div>\r\n    </Card>\r\n  );\r\n};\r\n\r\nexport default CurrentYear;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/charts/current-year-chart/CurrentYearCode.tsx"
    }
  ]
}