import * as React from "react";

import { DataItemHistoryOptionsPicker } from "../..";

import { StepProps } from "./types";

export const Step1: React.FC<StepProps> = ({ state, updateState }) => {
  return (
    <DataItemHistoryOptionsPicker
      value={state.time}
      onChange={value => {
        updateState(draft => void (draft.time = value));
      }}
    />
  );
};