import type { TimelineViewMode } from "../components/HttpResponsePane";
import { useKeyValue } from "./useKeyValue";

const DEFAULT_VIEW_MODE: TimelineViewMode = "timeline";

export function useTimelineViewMode() {
  const { set, value } = useKeyValue<TimelineViewMode>({
    namespace: "no_sync",
    key: "timeline_view_mode",
    fallback: DEFAULT_VIEW_MODE,
  });

  return [value ?? DEFAULT_VIEW_MODE, set] as const;
}