import type { PaginationState } from './pagination-state.svelte';
type Props = {
    /** The shared `PaginationState` instance — owns total / pageNumber / pageSize. */
    state: PaginationState;
    /** When provided, renders a page-size selector with these options. Omit to hide it. */
    pageSizes?: number[];
    /** Compact mode — page numbers only (hides the size selector + prev/next). @default false */
    compact?: boolean;
    /** Keep the container's footprint (`visibility: hidden`) when there are no results, instead of unmounting. @default false */
    preserveSpace?: boolean;
    on?: {
        pageChange?: (page: number) => void;
        pageSizeChange?: (size: number) => void;
        change?: () => void;
    };
};
/**
 * Pagination — page navigation control driven by a shared `PaginationState` instance (create one and
 * pass it as `state`; it owns `total` / `pageNumber` / `pageSize` and is read by your data query +
 * written by its result). Renders a windowed range of page buttons with ellipsis holes, prev / next
 * icon buttons, and an optional page-size selector (only when `pageSizes` is provided).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--pagination--gap` | Gap between nodes | `4px` |
 * | `--sc-kit--pagination--node--size` | Node min-width / height | `32px` |
 * | `--sc-kit--pagination--node--color` | Idle node text color | `--sc-kit--color--text--secondary` |
 * | `--sc-kit--pagination--hover--background` | Node hover background | `--sc-kit--color--bg--hover` |
 * | `--sc-kit--pagination--active--background` | Active page background | `--sc-kit--color--accent` |
 * | `--sc-kit--pagination--active--color` | Active page text color | `--sc-kit--color--text--on-accent` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;