{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ex-composed-chart",
  "registryDependencies": [
    "@evilcharts/recharts-composed-chart"
  ],
  "files": [
    {
      "path": "src/registry/examples/recharts/ex-composed-chart.tsx",
      "content": "\"use client\";\n\nimport { EvilComposedChart } from \"@/registry/charts/recharts-composed-chart\";\nimport { type ChartConfig } from \"@/registry/ui/recharts-chart\";\n\nconst data = [\n  { month: \"January\", revenue: 4200, profit: 1800 },\n  { month: \"February\", revenue: 5800, profit: 2400 },\n  { month: \"March\", revenue: 4100, profit: 1600 },\n  { month: \"April\", revenue: 6200, profit: 2800 },\n  { month: \"May\", revenue: 5400, profit: 2200 },\n  { month: \"June\", revenue: 7800, profit: 3400 },\n  { month: \"July\", revenue: 6100, profit: 2600 },\n  { month: \"August\", revenue: 8200, profit: 3800 },\n  { month: \"September\", revenue: 5900, profit: 2500 },\n  { month: \"October\", revenue: 6800, profit: 3000 },\n  { month: \"November\", revenue: 7200, profit: 3200 },\n  { month: \"December\", revenue: 9100, profit: 4200 },\n];\n\nconst chartConfig = {\n  revenue: {\n    label: \"Revenue\",\n    colors: {\n      light: [\"#3b82f6\"],\n      dark: [\"#6A5ACD\"],\n    },\n  },\n  profit: {\n    label: \"Profit\",\n    colors: {\n      light: [\"#10b981\"],\n      dark: [\"#34d399\"],\n    },\n  },\n} satisfies ChartConfig;\n\nexport function EvilExampleComposedChart() {\n  return (\n    <EvilComposedChart\n      className=\"h-full w-full p-4\"\n      xDataKey=\"month\"\n      data={data}\n      config={chartConfig}\n    >\n      <EvilComposedChart.Grid />\n      <EvilComposedChart.XAxis dataKey=\"month\" tickFormatter={(value) => value.substring(0, 3)} />\n      <EvilComposedChart.Brush formatLabel={(value) => String(value).substring(0, 3)} />\n      <EvilComposedChart.Legend isClickable />\n      <EvilComposedChart.Tooltip />\n      <EvilComposedChart.Bar dataKey=\"revenue\" isClickable />\n      <EvilComposedChart.Line dataKey=\"profit\" isClickable>\n        <EvilComposedChart.ActiveDot variant=\"colored-border\" />\n        <EvilComposedChart.Dot variant=\"default\" />\n      </EvilComposedChart.Line>\n    </EvilComposedChart>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}