import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens, type TouchTargetSkin } from "../../style/index.js";
export type Size = "small" | "default" | "large";
export interface PaginationSkin extends TouchTargetSkin {
    /** A Previous/Next arrow: the box behind the chevron and its label. */
    controlBox: (t: ColorTokens) => ViewStyle;
    /** A numbered page. The current page carries the accent fill and its glow. */
    pageBox: (t: ColorTokens, selected: boolean) => ViewStyle;
    /** The rows-per-page trigger box (value + chevron). */
    selectorBox: (t: ColorTokens) => ViewStyle;
    /** An arrow's label, and its chevron's ink (its color). */
    controlLabel: (t: ColorTokens) => TextStyle;
    /** A page number: the accent's ink on the fill when current. */
    pageLabel: (t: ColorTokens, selected: boolean) => TextStyle;
    /** The rows-per-page trigger's value. */
    selectorLabel: (t: ColorTokens) => TextStyle;
    /** The counts, and the ink (its color) of the selector's chevron. */
    mutedLabel: (t: ColorTokens) => TextStyle;
    /** The ink (its color) of the truncation gap's ellipsis. */
    gapLabel: (t: ColorTokens) => TextStyle;
    /** The opacity of a disabled pager, or of a disabled arrow in an enabled one. */
    disabledOpacity: number;
    /** The instant hover look of a resting cell (never the current page, never while disabled); null where there is none. */
    hover: ((t: ColorTokens) => ViewStyle) | null;
    /** The press dim where there is no ripple (see pressDim). */
    pressedOpacity: number;
    /** The Android ripple over a pressed cell (a no-op elsewhere). */
    ripple: ((t: ColorTokens, selected: boolean) => {
        color: string;
        borderless: boolean;
    }) | null;
}
/** The cell's step per size: the hand-off's 28 / 34 / 40. */
export declare const cellStep: Record<Size, number>;
export declare const itemSize: Record<Size, ViewStyle>;
export declare const widePage: ViewStyle;
export declare const arrowSize: Record<Size, ViewStyle>;
export declare const selectorSize: Record<Size, ViewStyle>;
export declare const labelSize: Record<Size, TextStyle>;
export declare const iconSize: Record<Size, number>;
export declare const selectorIconSize = 12;
/** Whether an arrow carries its "Prev" / "Next" label: never at the small size. */
export declare const arrowLabelled: (size: Size) => boolean;
export declare const numberedRow: ViewStyle;
export declare const compactRow: ViewStyle;
export declare const withSizeRow: ViewStyle;
export declare const selectorCluster: ViewStyle;
export declare const controlPair: ViewStyle;
export declare const gapGlyph: TextStyle;
export declare const gapBox: Record<Size, ViewStyle>;
export declare const webSkin: PaginationSkin;
export declare const iosSkin: PaginationSkin;
export declare const androidSkin: PaginationSkin;
//# sourceMappingURL=pagination.styles.d.ts.map