{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "line-chart-monotone-example",
  "title": "Line Chart Monotone",
  "description": "line-chart-monotone-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-monotone-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 LineChartMonotoneDemo() {\n  const isMobile = useIsMobile()\n  const data = useMemo(\n    () =>\n      Array.from({ length: 14 }, (_, i) => ({\n        day: `Day ${i + 1}`,\n        visits: Math.floor(500 + Math.random() * 400),\n        signups: Math.floor(50 + Math.random() * 80),\n      })),\n    []\n  )\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Traffic last 14d</CardTitle>\n        <CardDescription>Daily visits versus sign-ups trend.</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <LineChart\n          containerHeight={isMobile ? 200 : 300}\n          data={data}\n          dataKey=\"day\"\n          lineProps={{\n            type: 'natural',\n          }}\n          xAxisProps={{ interval: 0 }}\n          config={{\n            visits: { label: 'Visits' },\n            signups: { label: 'Sign-ups' },\n          }}\n        />\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/line-chart-monotone-example/page.tsx"
    }
  ],
  "type": "registry:page"
}