/** @jsxImportSource react */
import { VDOM } from "../../ui/Widget";
import { PureContainerBase, PureContainerConfig } from "../../ui/PureContainer";
import type { RenderingContext } from "../../ui/RenderingContext";
import type { Instance } from "../../ui/Instance";
import type { CSS } from "../../ui/CSS";
import { Prop, StructuredProp } from "../../ui/Prop";
export interface WheelConfig extends PureContainerConfig {
    /** The selected value. */
    value?: Prop<any>;
    /** Array of available options. */
    options?: StructuredProp;
    /** Number of visible options in the wheel. Default is 3. */
    size?: number;
}
export declare class Wheel extends PureContainerBase<WheelConfig> {
    size: number;
    baseClass: string;
    declareData(...args: Record<string, unknown>[]): void;
    render(context: RenderingContext, instance: Instance, key: string): React.ReactNode;
}
export interface WheelComponentProps {
    size: number;
    children: React.ReactNode[];
    CSS: typeof CSS;
    baseClass: string;
    active?: boolean;
    className?: string;
    style?: React.CSSProperties;
    index?: number;
    onChange: (newIndex: number) => void;
    onPipeKeyDown?: (fn: (e: React.KeyboardEvent) => void) => void;
    onMouseDown?: () => void;
    focusable?: boolean;
}
interface WheelComponentState {
    wheelHeight?: number;
}
export declare class WheelComponent extends VDOM.Component<WheelComponentProps, WheelComponentState> {
    index: number;
    wheelEl: HTMLDivElement;
    scrollEl: HTMLDivElement;
    unsubscribeOnWheel: () => void;
    scrolling?: boolean;
    constructor(props: WheelComponentProps);
    wheelRef: (el: HTMLDivElement | null) => void;
    scrollRef: (el: HTMLDivElement | null) => void;
    render(): React.ReactNode;
    componentDidMount(): void;
    UNSAFE_componentWillReceiveProps(props: WheelComponentProps): void;
    componentWillUnmount(): void;
    onKeyDown(e: React.KeyboardEvent): void;
    onWheel(e: WheelEvent): void;
    onTouchStart(e: React.TouchEvent): void;
    onTouchEnd(e: React.TouchEvent): void;
    select(newIndex: number): void;
    scrollTo(): void;
}
export {};
//# sourceMappingURL=Wheel.d.ts.map