{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "pie-chart-example",
  "title": "Pie Chart",
  "description": "pie-chart-example",
  "registryDependencies": [
    "https://intentui.com/r/card",
    "https://intentui.com/r/pie-chart"
  ],
  "files": [
    {
      "path": "src/components/examples/visualizations/pie-chart/pie-chart-example.tsx",
      "content": "'use client'\n\nimport { useMemo } from 'react'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { PieChart } from '@/components/ui/pie-chart'\n\nexport default function PieChartTrafficSourceDemo() {\n  const data = useMemo(\n    () => [\n      { name: 'Organic', amount: 1240 },\n      { name: 'Paid', amount: 880 },\n      { name: 'Referral', amount: 360 },\n      { name: 'Social', amount: 220 },\n    ],\n    []\n  )\n\n  return (\n    <Card>\n      <CardHeader className=\"text-center\">\n        <CardTitle>Traffic source breakdown</CardTitle>\n        <CardDescription>Where your website traffic is coming from.</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <PieChart\n          containerHeight={200}\n          data={data}\n          dataKey=\"amount\"\n          nameKey=\"name\"\n          config={{\n            Organic: { label: 'Organic' },\n            Paid: { label: 'Paid' },\n            Referral: { label: 'Referral' },\n            Social: { label: 'Social' },\n          }}\n        />\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/pie-chart-example/page.tsx"
    }
  ],
  "type": "registry:page"
}