{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pagination-05",
  "title": "Results summary",
  "description": "Showing 1–10 of 97 alongside the page controls.",
  "dependencies": [],
  "registryDependencies": [
    "pagination"
  ],
  "files": [
    {
      "path": "registry/patterns/pagination/pagination-05.tsx",
      "content": "'use client'\n\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from '@/components/ui/pagination'\n\nexport function Pagination05() {\n  return (\n    <div className=\"flex w-full max-w-2xl flex-col items-center justify-between gap-4 sm:flex-row\">\n      <p className=\"text-muted-foreground order-2 text-sm sm:order-1\">\n        Showing <span className=\"text-foreground font-medium\">1–10</span> of{' '}\n        <span className=\"text-foreground font-medium\">97</span> results\n      </p>\n\n      <Pagination className=\"order-1 mx-0 w-auto sm:order-2\">\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=\"#\" isActive>\n              1\n            </PaginationLink>\n          </PaginationItem>\n          <PaginationItem>\n            <PaginationLink href=\"#\">2</PaginationLink>\n          </PaginationItem>\n          <PaginationItem className=\"hidden sm:block\">\n            <PaginationLink href=\"#\">3</PaginationLink>\n          </PaginationItem>\n          <PaginationItem>\n            <PaginationNext href=\"#\" />\n          </PaginationItem>\n        </PaginationContent>\n      </Pagination>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/pagination/pagination-05.tsx"
    }
  ],
  "type": "registry:block"
}