import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export type Size = "small" | "default" | "large";
export interface PaginationSkin {
    /** A Prev/Next chevron control: the bordered/filled box behind the glyph. */
    controlBox: (t: ColorTokens) => ViewStyle;
    /** A numbered page cell. Selected reads the brand fill; the rest are plain. */
    pageBox: (t: ColorTokens, selected: boolean) => ViewStyle;
    /** The rows-per-page selector trigger box (value + caret). */
    selectorBox: (t: ColorTokens) => ViewStyle;
    /** Control glyph / selector value color (foreground). */
    controlLabel: (t: ColorTokens) => TextStyle;
    /** A numbered page label; brand-on-fill when selected, foreground otherwise. */
    pageLabel: (t: ColorTokens, selected: boolean) => TextStyle;
    /** Muted supporting text: the "Page X of N" indicator, "Rows per page", caret. */
    mutedLabel: (t: ColorTokens) => TextStyle;
    /** The truncation ellipsis: muted, with a small horizontal inset. */
    gapLabel: (t: ColorTokens) => TextStyle;
    /** iOS/web dim the cell on press; Android uses a ripple instead (null). */
    pressedOpacity: number | null;
    /** Android ripple over a pressed cell; null on iOS/web. */
    ripple?: (t: ColorTokens, selected: boolean) => {
        color: string;
        borderless: boolean;
    };
    /**
     * Web-only focus-outline reset for the cell Pressables. iOS sets this so the
     * react-native-web keyboard-focus blue ring (which a real iOS device never
     * shows) is suppressed, leaving the press dim as the only feedback. Undefined
     * on web/Android, which keep their own focus treatment. No-op natively, where
     * `outlineStyle`/`outlineWidth` are not real CSS.
     */
    focusOutlineReset?: ViewStyle;
}
export declare const itemSize: Record<Size, ViewStyle>;
export declare const labelSize: Record<Size, TextStyle>;
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 webSkin: PaginationSkin;
export declare const iosSkin: PaginationSkin;
export declare const androidSkin: PaginationSkin;
//# sourceMappingURL=pagination.styles.d.ts.map