{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pagination-01",
  "title": "Basic",
  "description": "Numbers with ellipsis, previous, and next links.",
  "dependencies": [],
  "registryDependencies": [
    "pagination"
  ],
  "files": [
    {
      "path": "registry/patterns/pagination/pagination-01.tsx",
      "content": "'use client'\n\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from '@/components/ui/pagination'\n\nexport function Pagination01() {\n  return (\n    <Pagination>\n      {/* Demo links — cancel navigation so the page does not jump */}\n      <PaginationContent onClick={(e) => e.preventDefault()}>\n        <PaginationItem>\n          <PaginationPrevious href=\"#\" />\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">1</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\" isActive>\n            2\n          </PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">3</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationEllipsis />\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">10</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationNext href=\"#\" />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/pagination/pagination-01.tsx"
    }
  ],
  "type": "registry:block"
}