import { CSSProperties, ReactElement } from 'react';
import { SwitchThumbProps } from '@radix-ui/react-switch';
export type DraggableXProps = {
    children?: ReactElement<SwitchThumbProps>;
    disabled?: boolean;
    position: number;
    bounds: {
        left: number;
        right: number;
    };
    onStart?: () => void;
    onDrag?: (args: {
        x: number;
    }) => void;
    onStop?: () => void;
    style?: CSSProperties;
};
/**
 * Bare minimum to make the toggle draggable.
 * It is created for usage in the toggle only but could easily be extracted and used elsewhere.
 *
 * It is called `DraggableX` since it's only for dragging along the x-axis.
 */
export declare const DraggableX: ({ children, disabled, onStart, onDrag, onStop, bounds, position, style, }: DraggableXProps) => ReactElement<SwitchThumbProps, string | import('react').JSXElementConstructor<any>> | null;
//# sourceMappingURL=DraggableX.d.ts.map