{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ex-gradient-colors-radar-chart",
  "registryDependencies": [
    "@evilcharts/recharts-radar-chart"
  ],
  "files": [
    {
      "path": "src/registry/examples/recharts/ex-gradient-colors-radar-chart.tsx",
      "content": "\"use client\";\n\nimport { EvilRadarChart } from \"@/registry/charts/recharts-radar-chart\";\nimport { type ChartConfig } from \"@/registry/ui/recharts-chart\";\n\nconst data = [\n  { skill: \"JavaScript\", desktop: 186, mobile: 80 },\n  { skill: \"TypeScript\", desktop: 305, mobile: 200 },\n  { skill: \"React\", desktop: 237, mobile: 120 },\n  { skill: \"Node.js\", desktop: 173, mobile: 190 },\n  { skill: \"CSS\", desktop: 209, mobile: 130 },\n  { skill: \"Python\", desktop: 214, mobile: 140 },\n];\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    colors: {\n      light: [\"#6366f1\", \"#a855f7\", \"#ec4899\"], // Indigo -> Purple -> Pink // [!code highlight]\n      dark: [\"red\", \"orange\", \"pink\"], // [!code highlight]\n    },\n  },\n  mobile: {\n    label: \"Mobile\",\n    colors: {\n      light: [\"#14b8a6\", \"#06b6d4\", \"#3b82f6\"], // Teal -> Cyan -> Blue // [!code highlight]\n      dark: [\"#2dd4bf\", \"#22d3ee\", \"#60a5fa\"], // [!code highlight]\n    },\n  },\n} satisfies ChartConfig;\n\nexport function EvilExampleRadarChart() {\n  return (\n    <EvilRadarChart data={data} config={chartConfig} className=\"h-full w-full p-4\">\n      <EvilRadarChart.PolarGrid />\n      <EvilRadarChart.PolarAngleAxis dataKey=\"skill\" />\n      <EvilRadarChart.Legend />\n      <EvilRadarChart.Tooltip />\n      <EvilRadarChart.Radar dataKey=\"desktop\" variant=\"filled\">\n        <EvilRadarChart.Dot variant=\"colored-border\" />\n        <EvilRadarChart.ActiveDot variant=\"default\" />\n      </EvilRadarChart.Radar>\n      <EvilRadarChart.Radar dataKey=\"mobile\" variant=\"filled\">\n        <EvilRadarChart.Dot variant=\"colored-border\" />\n        <EvilRadarChart.ActiveDot variant=\"default\" />\n      </EvilRadarChart.Radar>\n    </EvilRadarChart>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}