import * as React from 'react'; import { Button } from '../button'; /** * Page navigation controls for paginated data sets. * * @description * Composes horizontal pagination with numbered links, ellipses, and * Previous/Next controls. Follows ARIA navigation landmark patterns. * * @ai-rules * 1. Compose in order: `Pagination > PaginationContent > PaginationItem > (PaginationLink | PaginationNext | PaginationPrevious)`. * 2. In SPAs, set `href="#"` on `` and handle page change via `onClick` to prevent native page reloads. * 3. Mark the currently active page with `isActive={true}` on ``. */ declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element; declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element; declare function PaginationItem({ ...props }: React.ComponentProps<'li'>): React.JSX.Element; type PaginationLinkProps = { isActive?: boolean; disabled?: boolean; } & Pick, 'size'> & React.ComponentProps<'a'>; declare function PaginationLink({ className, isActive, disabled, size, href, ...props }: PaginationLinkProps): React.JSX.Element; declare function PaginationPrevious({ className, disabled, ...props }: React.ComponentProps): React.JSX.Element; declare function PaginationNext({ className, disabled, ...props }: React.ComponentProps): React.JSX.Element; declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element; export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };