{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "pie-chart-donut-example",
  "title": "Pie Chart Donut",
  "description": "pie-chart-donut-example",
  "registryDependencies": [
    "https://intentui.com/r/card",
    "https://intentui.com/r/pie-chart"
  ],
  "files": [
    {
      "path": "src/components/examples/visualizations/pie-chart/pie-chart-donut-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 PieChartDonutDemo() {\n  const data = useMemo(\n    () => [\n      { name: 'Rent', amount: 1200 },\n      { name: 'Groceries', amount: 450 },\n      { name: 'Utilities', amount: 200 },\n      { name: 'Entertainment', amount: 150 },\n    ],\n    []\n  )\n\n  return (\n    <Card>\n      <CardHeader className=\"text-center\">\n        <CardTitle>Monthly spend breakdown</CardTitle>\n        <CardDescription>Shows where the money goes each month.</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <PieChart\n          containerHeight={200}\n          data={data}\n          dataKey=\"amount\"\n          nameKey=\"name\"\n          variant=\"donut\"\n          valueFormatter={(value: number) => `$${value}`}\n          config={{\n            Rent: { label: 'Rent' },\n            Groceries: { label: 'Groceries' },\n            Utilities: { label: 'Utilities' },\n            Entertainment: { label: 'Entertainment' },\n          }}\n        />\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/pie-chart-donut-example/page.tsx"
    }
  ],
  "type": "registry:page"
}