{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "line-chart-example",
  "title": "Line Chart",
  "description": "line-chart-example",
  "registryDependencies": [
    "https://intentui.com/r/card",
    "https://intentui.com/r/line-chart",
    "https://intentui.com/r/use-mobile"
  ],
  "files": [
    {
      "path": "src/components/examples/visualizations/line-chart/line-chart-example.tsx",
      "content": "'use client'\n\nimport { useMemo } from 'react'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { LineChart } from '@/components/ui/line-chart'\nimport { useIsMobile } from '@/hooks/use-mobile'\n\nexport default function LineChartDemo() {\n  const isMobile = useIsMobile()\n  const engagementData = useMemo(\n    () =>\n      Array.from({ length: 7 }, (_, i) => ({\n        day: `Day ${i + 1}`,\n        likes: Math.floor(100 + Math.random() * 300),\n        comments: Math.floor(20 + Math.random() * 80),\n        shares: Math.floor(10 + Math.random() * 50),\n      })),\n    []\n  )\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Engagement last 7d</CardTitle>\n        <CardDescription>\n          Tracks likes, comments, and shares during the most recent 7-day period.\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <LineChart\n          containerHeight={isMobile ? 200 : 300}\n          data={engagementData}\n          dataKey=\"day\"\n          xAxisProps={{ interval: 0 }}\n          config={{\n            likes: { label: 'Likes' },\n            comments: { label: 'Comments' },\n            shares: { label: 'Shares' },\n          }}\n        />\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/line-chart-example/page.tsx"
    }
  ],
  "type": "registry:page"
}