/**
 * HitsPerPage Component
 *
 * A dropdown to let users change the number of displayed hits per page
 * Integrates with SearchStateManager for automatic state sync
 */
import React from 'react';
export interface HitsPerPageItem {
    value: number;
    label: string;
    default?: boolean;
}
export interface HitsPerPageTheme {
    root?: string;
    select?: string;
    option?: string;
}
export interface HitsPerPageProps {
    /** Available items per page options */
    items: HitsPerPageItem[];
    /** Callback when hits per page changes */
    onHitsPerPageChange?: (value: number) => void;
    /** Custom render function for select */
    renderSelect?: (props: {
        value: number;
        onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
        items: HitsPerPageItem[];
    }) => React.ReactNode;
    /** Custom className */
    className?: string;
    /** Custom styles */
    style?: React.CSSProperties;
    /** Custom theme */
    theme?: HitsPerPageTheme;
    /** Label text before the select */
    label?: string;
    /** Whether to sync with SearchStateManager (default: true) */
    syncWithState?: boolean;
}
export declare const HitsPerPage: React.FC<HitsPerPageProps>;
//# sourceMappingURL=HitsPerPage.d.ts.map