{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "chart-02",
  "title": "chart-02",
  "description": "chart-02",
  "registryDependencies": [
    "https://intentui.com/r/card",
    "https://intentui.com/r/line-chart",
    "https://intentui.com/r/use-mobile"
  ],
  "files": [
    {
      "path": "registry/blocks/chart-02/page.tsx",
      "content": "'use client'\n\nimport { useMemo } from 'react'\nimport { CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { LineChart } from '@/components/ui/line-chart'\nimport { useIsMobile } from '@/hooks/use-mobile'\n\nexport default function Page() {\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    <div className=\"p-4 sm:p-16\">\n      <CardHeader className=\"mb-6\">\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      <LineChart\n        containerHeight={isMobile ? 200 : 500}\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    </div>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/chart-02/page.tsx"
    }
  ],
  "type": "registry:block"
}