import React from "react";
import { DropdownOptionsInterface } from "../../utils/start-end-rules/start-end-options";
export type GraphRecordingState = "choose-signals" | "ready" | "recording" | "paused";
interface GraphControlsProps {
    onClickPlay: () => void;
    onClickPause: () => void;
    onClickStop: () => void;
    onAutoScrollToggle: () => void;
    autoScrollEnabled: boolean;
    onStartOptionChange: (selectedOption: DropdownOptionsInterface, rule: "start" | "end") => void;
    onEndOptionChange: (selectedOption: DropdownOptionsInterface, rule: "start" | "end") => void;
    startSelectedOption: DropdownOptionsInterface | undefined;
    endSelectedOption: DropdownOptionsInterface | undefined;
    startOptions: DropdownOptionsInterface[];
    endOptions: DropdownOptionsInterface[];
    recordingState: GraphRecordingState;
    hasData: boolean;
    endConditionReached?: boolean;
    mode?: "all" | "primary" | "advanced";
}
declare function GraphControls({ onClickPlay, onClickPause, onClickStop, onAutoScrollToggle, autoScrollEnabled, onStartOptionChange, onEndOptionChange, startSelectedOption, endSelectedOption, startOptions, endOptions, recordingState, hasData, endConditionReached, mode, }: GraphControlsProps): import("react/jsx-runtime").JSX.Element;
declare const _default: React.MemoExoticComponent<typeof GraphControls>;
export default _default;