import './index.css';
import { type PageRangeDisplayed, type Size } from './PaginationContext';
interface PaginationCommonProps {
    page: number;
    pageCount: number;
    pageRangeDisplayed?: PageRangeDisplayed;
    size?: Size;
    ariaLabelPrev?: string;
    ariaLabelNext?: string;
}
type NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>;
/**
 * Pagination component. Use either `onChange` (button mode) or `makeUrl` (link mode).
 *
 * @example
 * // Button mode - for client-side state
 * <Pagination page={1} pageCount={10} onChange={setPage} />
 *
 * @example
 * // Link mode - for server routing / static pages
 * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} />
 *
 * @example
 * // Link mode with custom component (e.g. Next.js Link)
 * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} />
 *
 * @example
 * // Link mode with linkProps (e.g. Next.js scroll)
 * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />
 */
export type PaginationProps<T extends React.ElementType = 'a'> = PaginationCommonProps & NavProps & ({
    onChange(newPage: number): void;
    makeUrl?: never;
    component?: never;
    linkProps?: undefined;
} | {
    makeUrl(page: number): string;
    onChange?: never;
    /**
     * The component used for link elements. Receives `href`, `className`, and `children`.
     * @default 'a'
     */
    component?: T;
    /**
     * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).
     */
    linkProps?: Omit<React.ComponentPropsWithoutRef<T>, 'href' | 'children'>;
});
export default function Pagination<T extends React.ElementType = 'a'>({ page, pageCount, pageRangeDisplayed, size, onChange, makeUrl, component: LinkComponent, linkProps, className, ariaLabelNext, ariaLabelPrev, ...navProps }: PaginationProps<T>): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map