import * as React from 'react';
import { View } from 'react-native';
import type { NumberFieldRootState } from '../root/NumberFieldRoot';
import type { ZestUIComponentProps } from '../../types';
/**
 * An area where the user can drag to change the field value.
 * Renders a `<View>` wrapped in a `GestureDetector`.
 *
 * **Diverges from the web deliberately.** Upstream holds a pointer lock and reads
 * `movementX`/`movementY`, which lets the mouse scrub forever in place. A touch
 * cannot be locked and has no movement deltas, so this is an ordinary drag: the
 * value steps once for every `pixelSensitivity` pixels travelled. Upstream's
 * `teleportDistance` and the `ScrubAreaCursor` part go with the pointer lock —
 * both exist to manage a virtual cursor that a touch screen never shows.
 *
 * Requires `react-native-gesture-handler`, and the app to be wrapped in
 * `<GestureHandlerRootView>`.
 */
export declare function NumberFieldScrubArea(componentProps: NumberFieldScrubArea.Props): React.JSX.Element;
export interface NumberFieldScrubAreaState extends NumberFieldRootState {
}
export interface NumberFieldScrubAreaProps extends ZestUIComponentProps<typeof View, NumberFieldScrubAreaState> {
    /**
     * The direction the drag is read along.
     * @default 'horizontal'
     */
    direction?: 'horizontal' | 'vertical' | undefined;
    /**
     * How many pixels the drag must travel before the value steps once. A higher
     * value makes scrubbing less sensitive.
     * @default 2
     */
    pixelSensitivity?: number | undefined;
}
export declare namespace NumberFieldScrubArea {
    type State = NumberFieldScrubAreaState;
    type Props = NumberFieldScrubAreaProps;
}
//# sourceMappingURL=NumberFieldScrubArea.d.ts.map