cosscom__coss/apps/ui/public/r/particle-pa-1.json

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "particle-pa-1",
  "type": "registry:block",
  "description": "Pagination with previous and next buttons only",
  "registryDependencies": ["@coss/pagination"],
  "files": [
    {
      "path": "registry/default/particles/particle-pa-1.tsx",
      "content": "import Link from \"next/link\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n} from \"@/registry/default/ui/pagination\"\n\ntype PaginationProps = {\n  currentPage: number\n  totalPages: number\n}\n\nexport default function Particle({ currentPage, totalPages }: PaginationProps) {\n  return (\n    <Pagination>\n      <PaginationContent className=\"w-full justify-between gap-2\">\n        <PaginationItem>\n          <Button\n            variant=\"outline\"\n            disabled={currentPage === 1}\n            render={\n              currentPage === 1 ? undefined : (\n                <Link href={`#/page/${currentPage - 1}`} />\n              )\n            }\n          >\n            Previous\n          </Button>\n        </PaginationItem>\n        <PaginationItem>\n          <Button\n            variant=\"outline\"\n            disabled={currentPage === totalPages}\n            render={\n              currentPage === totalPages ? undefined : (\n                <Link href={`#/page/${currentPage + 1}`} />\n              )\n            }\n          >\n            Next\n          </Button>\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  )\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": ["pagination"]
}