{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pagination-demo",
  "type": "registry:component",
  "title": "Pagination Demo",
  "description": "A demo of the pagination component",
  "registryDependencies": [
    "https://ui.ednesdayw.com/r/pagination.json"
  ],
  "files": [
    {
      "path": "src/registry/example/pagination/demo.tsx",
      "content": "\"use client\";\n\nimport { useMediaQuery } from \"@/hooks/use-media-query\";\nimport { Pagination } from \"@/components/ui/pagination\";\nimport { useState } from \"react\";\n\nexport const PaginationDemo = () => {\n  const [currentPage, setCurrentPage] = useState(1);\n  const isSM = useMediaQuery(\"(max-width: 640px)\");\n\n  return (\n    <Pagination\n      currentPage={currentPage}\n      totalPages={100}\n      onChange={setCurrentPage}\n      siblings={isSM ? 1 : 2}\n    />\n  );\n};\n",
      "type": "registry:component",
      "target": "components/demo/pagination-demo.tsx"
    }
  ]
}