import { default as React } from 'react';
import { GraphControlsMode } from '../model';
type ScalarControlInputConfig = {
    value: string;
    ariaLabel: string;
    error: string | undefined;
    errorId: string;
    onDraftChange: (value: string) => void;
    onCommit: (rawValue: string) => Promise<void>;
    hasDraft: boolean;
    isCommitting: boolean;
    commitErrorContext: string;
};
type ScalarControlSliderConfig = {
    id: string;
    ariaLabel: string;
    ariaValueText: string;
    min: number;
    max: number;
    step: number;
    value: number;
    displayValue: string;
    onSliderChange: (value: number, transient: boolean) => void;
    onSliderDragEnd: () => void;
};
type ScalarControlProps = {
    sectionHeading?: React.ReactNode;
    sectionHeadingHasDivider?: boolean;
    label: string;
    graphControlsMode: Exclude<GraphControlsMode, "none">;
    input: ScalarControlInputConfig;
    slider: ScalarControlSliderConfig;
};
export default function ScalarControl({ sectionHeading, sectionHeadingHasDivider, label, graphControlsMode, input, slider, }: ScalarControlProps): React.JSX.Element | null;
export {};
//# sourceMappingURL=ScalarControl.d.ts.map