ui/pagination.tsx

Reusable pagination component with navigation, links, and ellipsis for React apps.

// Source: https://github.com/aguiarsc/wireframe-ui | License: MIT | Copyright 2025 Samuel Aguiar
// Provided via justclaw.it.com; keep this notice with the code.
import * as React from 'react'

import { cn } from '@/lib/utils'
import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline'
import { EllipsisHorizontalIcon } from '@heroicons/react/24/outline'
import { Button, buttonVariants } from '@/registry/new-york/ui/button'

/**
 * Props for the Pagination component.
 * Pagination with page navigation, next and previous links.
 */
export interface PaginationProps extends React.ComponentProps<'nav'> {}

function Pagination({ className, ...props }: PaginationProps) {
  return (
    <nav
      role="navigation"
      aria-label="pagination"
      data-slot="pagination"
   

... (truncated -- full source via MCP)